@extends('setting.nav')

@section('title', $quotation->quotation_number)

@section('styles')
    <style>
        /* The document is deliberately its own thing rather than a card in the
           app shell: it is what a customer sees when the salesperson saves it
           as a PDF, so it has to survive leaving the screen. */
        .qt-sheet {
            max-width: 52rem;
            margin: 0 auto;
            background: #fff;
            padding: 2.5rem;
            border: 1px solid #e6e8eb;
            border-radius: .5rem;
        }

        .qt-sheet h1 {
            font-size: 1.5rem;
            letter-spacing: .02em;
            margin: 0;
        }

        .qt-meta {
            font-size: .875rem;
        }

        .qt-meta dt {
            color: #6b7280;
            font-weight: 500;
        }

        .qt-table th {
            background: #f8f9fa;
            font-size: .8125rem;
            text-transform: uppercase;
            letter-spacing: .03em;
        }

        .qt-totals td {
            border: 0;
            padding: .2rem .5rem;
        }

        .qt-terms {
            font-size: .8125rem;
            color: #374151;
        }

        @media print {

            /* Everything that is app, not document. */
            .emi-sidebar,
            .emi-topbar,
            .qt-noprint,
            nav,
            header,
            footer {
                display: none !important;
            }

            .qt-sheet {
                border: 0;
                padding: 0;
                max-width: none;
            }

            body {
                background: #fff;
            }
        }
    </style>
@endsection

@section('content')
    <div class="container-fluid mt-4">

        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3 qt-noprint">
            <div>
                <h4 class="mb-1">Quotation {{ $quotation->quotation_number }}</h4>
                <p class="text-muted mb-0" style="font-size:.875rem;">
                    Priced as of {{ $quotation->quotation_date?->format('d M Y') }} — the figures below are a
                    snapshot and will not change when the catalogue does.
                </p>
            </div>
            <div class="d-flex gap-2">
                @if ($quotation->message_id)
                    <a class="btn btn-outline-secondary" href="{{ url('/mails/all') }}">
                        <i class="bi bi-envelope me-1"></i>Back to mail
                    </a>
                @endif
                <a class="btn btn-outline-secondary" href="{{ route('quotations.index') }}">All quotations</a>
                <button class="btn btn-primary" type="button" onclick="window.print()">
                    <i class="bi bi-printer me-1"></i>Print / Save as PDF
                </button>
            </div>
        </div>

        @if ($quotation->needs_review)
            <div class="alert alert-warning qt-noprint">
                <strong>This quotation needs checking before it goes out.</strong>
                <div style="font-size:.875rem;">{{ $quotation->review_note }}</div>
            </div>
        @endif

        <div class="qt-sheet">

            <div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
                <div>
                    <h1>QUOTATION</h1>
                    <div class="text-muted" style="font-size:.875rem;">{{ $quotation->quotation_number }}</div>
                </div>
                <div class="text-end">
                    {{-- The account, as the app knows it. A logo and a registered
                         address belong to a company-profile setting the module does
                         not have yet; the name is what can be shown honestly today. --}}
                    <div class="fw-semibold">{{ $owner->company_name ?? ($owner->fname ?? '') . ' ' . ($owner->lname ?? '') }}</div>
                    <div class="text-muted" style="font-size:.8125rem;">{{ $owner->email ?? '' }}</div>
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-sm-6">
                    <dl class="qt-meta row mb-0">
                        <dt class="col-5">Quotation for</dt>
                        <dd class="col-7">
                            {{ $quotation->customer_name }}<br>
                            <span class="text-muted">{{ $quotation->customer_email }}</span>
                        </dd>
                    </dl>
                </div>
                <div class="col-sm-6">
                    <dl class="qt-meta row mb-0">
                        <dt class="col-5">Date</dt>
                        <dd class="col-7">{{ $quotation->quotation_date?->format('d M Y') }}</dd>

                        <dt class="col-5">Valid until</dt>
                        <dd class="col-7">{{ $quotation->valid_until?->format('d M Y') ?? '—' }}</dd>

                        <dt class="col-5">Currency</dt>
                        <dd class="col-7">{{ $quotation->currency }}</dd>
                    </dl>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table qt-table align-middle">
                    <thead>
                        <tr>
                            <th style="width:2.5rem;">#</th>
                            <th>Item</th>
                            <th class="text-end">Qty</th>
                            <th class="text-end">Unit price</th>
                            <th class="text-end">Tax</th>
                            <th class="text-end">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($quotation->items as $item)
                            <tr class="{{ $item->needs_review ? 'table-warning' : '' }}">
                                <td class="text-muted">{{ $loop->iteration }}</td>
                                <td>
                                    <div class="fw-semibold">{{ $item->product_name }}</div>
                                    @if ($item->product_code)
                                        <div class="text-muted" style="font-size:.75rem;">{{ $item->product_code }}</div>
                                    @endif
                                    @if ($item->description)
                                        <div class="text-muted" style="font-size:.8125rem;">
                                            {{ \Illuminate\Support\Str::limit($item->description, 140) }}
                                        </div>
                                    @endif

                                    {{-- Provenance, on screen only. The customer's copy shows
                                         the product; the salesperson's copy also shows how the
                                         AI got there and how sure it was. --}}
                                    <div class="qt-noprint mt-1" style="font-size:.75rem;">
                                        <span class="badge bg-{{ $item->confidenceClass() }}">
                                            {{ $item->matchLabel() }}@if ($item->product_id), {{ $item->confidence }}%@endif
                                        </span>
                                        @if ($item->enquiry_phrase)
                                            <span class="text-muted ms-1">
                                                asked as: “{{ \Illuminate\Support\Str::limit($item->enquiry_phrase, 90) }}”
                                            </span>
                                        @endif
                                    </div>

                                    @if ($item->needs_review)
                                        <div class="text-danger qt-noprint mt-1" style="font-size:.75rem;">
                                            {{ $item->review_reason }}
                                        </div>
                                    @endif
                                </td>
                                <td class="text-end text-nowrap">{{ $item->quantityLabel() }}</td>

                                {{-- A line with no price must never print as ₹0.00. This page
                                     is saved as a PDF and sent to customers, and a zero in a
                                     price column reads as "free", not as "we could not price
                                     this". The three money cells say so in words instead. --}}
                                @php $priced = $item->product_id && (float) $item->unit_price > 0; @endphp

                                @if ($priced)
                                    <td class="text-end text-nowrap">{{ $quotation->money($item->unit_price) }}</td>
                                    <td class="text-end text-nowrap">
                                        {{ $quotation->money($item->tax_amount) }}
                                        <div class="text-muted" style="font-size:.75rem;">
                                            {{ rtrim(rtrim(number_format((float) $item->tax_percentage, 2), '0'), '.') }}%
                                        </div>
                                    </td>
                                    <td class="text-end text-nowrap fw-semibold">
                                        {{ $quotation->money($item->line_total) }}
                                    </td>
                                @else
                                    <td class="text-end text-nowrap text-muted" colspan="3">
                                        To be advised
                                    </td>
                                @endif
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-4">This quotation has no lines.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-end mb-4">
                <table class="qt-totals" style="min-width:16rem;">
                    <tr>
                        <td class="text-muted">Subtotal</td>
                        <td class="text-end">{{ $quotation->money($quotation->subtotal) }}</td>
                    </tr>
                    @if ((float) $quotation->discount_total > 0)
                        <tr>
                            <td class="text-muted">Discount</td>
                            <td class="text-end">− {{ $quotation->money($quotation->discount_total) }}</td>
                        </tr>
                    @endif
                    <tr>
                        <td class="text-muted">Tax</td>
                        <td class="text-end">{{ $quotation->money($quotation->tax_total) }}</td>
                    </tr>
                    <tr style="border-top:1px solid #dee2e6;">
                        <td class="fw-semibold">Total</td>
                        <td class="text-end fw-semibold">{{ $quotation->money($quotation->grand_total) }}</td>
                    </tr>
                </table>
            </div>

            @if (trim((string) $quotation->terms_conditions) !== '')
                <div class="qt-terms">
                    <div class="fw-semibold mb-1">Terms &amp; conditions</div>
                    <ul class="mb-0 ps-3">
                        @foreach (preg_split('/\R/', $quotation->terms_conditions) as $line)
                            @if (trim($line) !== '')
                                <li>{{ trim($line) }}</li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            @endif

            @if ($preparedBy)
                <div class="text-muted mt-4" style="font-size:.75rem;">
                    Prepared by {{ trim(($preparedBy->fname ?? '') . ' ' . ($preparedBy->lname ?? '')) ?: $preparedBy->email }}
                    on {{ $quotation->created_at?->format('d M Y H:i') }}.
                </div>
            @endif
        </div>
    </div>
@endsection