@extends('layouts.app')

@section('title', 'Quotation ' . $quotation->quotation_number)
@section('page_title', 'Quotation Details')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4 no-print">
    <a href="{{ route('quotations.index') }}" class="btn btn-light"><i class="bi bi-arrow-left"></i> Back to Quotations</a>
    <div class="d-flex gap-2">
        <button class="btn btn-outline-dark" onclick="window.print()"><i class="bi bi-printer"></i> Print Quotation</button>
        
        @if($quotation->canConvert() && auth()->user()->hasPermission('quotations.convert'))
            <form action="{{ route('quotations.convert', $quotation->id) }}" method="POST" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-success">
                    <i class="bi bi-arrow-left-right"></i> Convert to Invoice
                </button>
            </form>
        @endif
    </div>
</div>

<div class="card border-0 shadow-sm p-5 fade-in-up">
    <!-- Quotation Header -->
    <div class="row align-items-start border-bottom pb-4 mb-4">
        <div class="col-6">
            <h3 class="fw-bold mb-1 text-dark">PREEZ BRANDS LTD</h3>
            <p class="text-secondary small mb-0">
                Nasser Road, Kampala, Uganda<br>
                Phone: +256 700 000 000 | Email: sales@preezbrands.com
            </p>
        </div>
        <div class="col-6 text-end">
            <h2 class="fw-bold text-primary mb-1">QUOTATION</h2>
            <h5 class="fw-semibold text-dark">{{ $quotation->quotation_number }}</h5>
            @php
                $badge = match($quotation->status) {
                    'draft' => 'secondary',
                    'sent' => 'primary',
                    'approved' => 'success',
                    'rejected' => 'danger',
                    'expired' => 'dark',
                    'converted' => 'info',
                    default => 'secondary'
                };
            @endphp
            <span class="badge bg-{{ $badge }} fs-6">{{ ucfirst($quotation->status) }}</span>
        </div>
    </div>

    <!-- Quotation Billing Metadata -->
    <div class="row mb-5">
        <div class="col-6">
            <h6 class="text-secondary small fw-bold mb-2">QUOTED TO:</h6>
            <h5 class="fw-bold text-dark mb-1">{{ $quotation->client->full_name }}</h5>
            <p class="text-secondary small mb-0">
                Code: {{ $quotation->client->client_code }}<br>
                Phone: {{ $quotation->client->phone }}<br>
                @if($quotation->client->email) Email: {{ $quotation->client->email }}<br> @endif
                @if($quotation->client->tin) TIN: {{ $quotation->client->tin }} @endif
            </p>
        </div>
        <div class="col-6 text-end">
            <h6 class="text-secondary small fw-bold mb-2">DETAILS:</h6>
            <p class="text-secondary small mb-0">
                <strong>Date Issued:</strong> {{ $quotation->quotation_date->format('M d, Y') }}<br>
                <strong>Expiry Date:</strong> {{ $quotation->expiry_date ? $quotation->expiry_date->format('M d, Y') : '-' }}<br>
                <strong>Prepared By:</strong> {{ $quotation->createdBy->full_name }}
            </p>
        </div>
    </div>

    <!-- Line Items Table -->
    <div class="table-responsive mb-4">
        <table class="table table-striped align-middle mb-0">
            <thead>
                <tr>
                    <th>Item / SKU</th>
                    <th class="text-end">Unit Price</th>
                    <th class="text-center">Qty</th>
                    <th class="text-end">Discount</th>
                    <th class="text-end">Total</th>
                </tr>
            </thead>
            <tbody>
                @foreach($quotation->items as $item)
                    <tr>
                        <td>
                            <div class="fw-semibold text-dark">{{ $item->item_name }}</div>
                            <small class="text-secondary"><code class="small">{{ $item->item_code }}</code></small>
                        </td>
                        <td class="text-end">{{ number_format($item->unit_price) }} UGX</td>
                        <td class="text-center">{{ $item->quantity }}</td>
                        <td class="text-end text-danger">-{{ number_format($item->discount) }} UGX</td>
                        <td class="text-end fw-bold text-dark">{{ number_format($item->total_price) }} UGX</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Totals Summary Block -->
    <div class="row justify-content-end mb-4">
        <div class="col-md-5">
            <div class="p-3 bg-light rounded border">
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">Subtotal</span>
                    <span class="fw-semibold text-dark">{{ number_format($quotation->subtotal) }} UGX</span>
                </div>
                @if($quotation->discount > 0)
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">Flat Discount</span>
                    <span class="fw-semibold text-danger">-{{ number_format($quotation->discount) }} UGX</span>
                </div>
                @endif
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">VAT ({{ (int)$quotation->tax_rate }}%)</span>
                    <span class="fw-semibold text-dark">{{ number_format($quotation->tax_amount) }} UGX</span>
                </div>
                <hr>
                <div class="d-flex justify-content-between pt-1">
                    <span class="fw-bold text-dark">Grand Total</span>
                    <span class="fw-bold text-primary fs-5">{{ number_format($quotation->total_amount) }} UGX</span>
                </div>
            </div>
        </div>
    </div>

    <!-- Quotation footer notes -->
    @if($quotation->notes)
        <div class="border-top pt-3 mb-3">
            <h6 class="fw-bold small text-secondary">QUOTATION NOTES:</h6>
            <p class="small text-secondary mb-0">{{ $quotation->notes }}</p>
        </div>
    @endif

    @if($quotation->terms)
        <div class="border-top pt-3">
            <h6 class="fw-bold small text-secondary">TERMS & CONDITIONS:</h6>
            <p class="small text-secondary mb-0">{{ $quotation->terms }}</p>
        </div>
    @endif

    <!-- Converted details -->
    @if($quotation->status === 'converted')
        <div class="alert alert-info border-0 mt-4">
            <h6 class="fw-bold mb-1 text-info"><i class="bi bi-info-circle-fill"></i> This quotation has been converted to Invoice</h6>
            <p class="small text-secondary mb-0">
                <strong>Converted By:</strong> {{ $quotation->convertedBy->full_name }} on {{ $quotation->converted_at->format('M d, Y H:i') }}
            </p>
        </div>
    @endif
</div>
@endsection