@extends('layouts.app')
@section('title', 'Quotation: '.$quotation->quotation_no)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('quotations.index') }}">Quotations</a></li>
<li class="breadcrumb-item active">{{ $quotation->quotation_no }}</li>
@endsection
@section('content')

@php $sc=['draft'=>'secondary','sent'=>'info','accepted'=>'success','rejected'=>'danger','expired'=>'warning','converted'=>'primary']; @endphp

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title" style="font-family:monospace;">{{ $quotation->quotation_no }}</h1>
        <div class="d-flex gap-2 mt-1">
            <span class="badge bg-{{ $sc[$quotation->status] ?? 'secondary' }}" style="font-size:.875rem;">{{ ucfirst($quotation->status) }}</span>
            @if($quotation->valid_until)<span class="badge {{ $quotation->is_expired ? 'bg-danger' : 'bg-success' }}">{{ $quotation->is_expired ? 'Expired' : 'Valid until '.$quotation->valid_until->format('d M Y') }}</span>@endif
        </div>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ route('quotations.print', $quotation) }}" class="btn btn-outline-secondary btn-sm" target="_blank">
            <i class="bi bi-printer me-1"></i>Print
        </a>
        @can_permission('quotations.edit')
        @if(!in_array($quotation->status, ['converted','rejected']))
        <a href="{{ route('quotations.edit', $quotation) }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-pencil me-1"></i>Edit
        </a>
        @endif
        @endcan_permission
        @can_permission('quotations.convert')
        @if(!in_array($quotation->status, ['converted','rejected','expired']))
        <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#convertModal">
            <i class="bi bi-arrow-right-circle me-1"></i>Convert to Sale
        </button>
        @endif
        @endcan_permission
    </div>
</div>

@if($quotation->convertedSale)
<div class="alert alert-success d-flex align-items-center mb-3">
    <i class="bi bi-check-circle-fill me-2"></i>
    Converted to Sale:
    <a href="{{ route('sales.show', $quotation->convertedSale) }}" class="ms-2 fw-600">
        {{ $quotation->convertedSale->invoice_no }}
    </a>
</div>
@endif

<div class="row g-3">
    <div class="col-12 col-md-4">
        <div class="card mb-3">
            <div class="card-header fw-600">Details</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:40%;">Quotation No.</td><td><code>{{ $quotation->quotation_no }}</code></td></tr>
                    <tr><td class="text-muted">Date</td><td>{{ $quotation->quotation_date->format('d M Y') }}</td></tr>
                    <tr><td class="text-muted">Valid Until</td><td>{{ $quotation->valid_until?->format('d M Y') ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Customer</td><td class="fw-600">{{ $quotation->customer?->name ?? $quotation->customer_name ?? 'Walk-in' }}</td></tr>
                    @if($quotation->customer?->phone)<tr><td class="text-muted">Phone</td><td>{{ $quotation->customer->phone }}</td></tr>@endif
                    <tr><td class="text-muted">Created By</td><td>{{ $quotation->creator->name }}</td></tr>
                    @if($quotation->terms)<tr><td class="text-muted">Terms</td><td style="font-size:.8rem;">{{ $quotation->terms }}</td></tr>@endif
                    @if($quotation->notes)<tr><td class="text-muted">Notes</td><td style="font-size:.8rem;">{{ $quotation->notes }}</td></tr>@endif
                </table>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-8">
        <div class="card">
            <div class="card-header fw-600"><i class="bi bi-list-ul me-2"></i>Line Items</div>
            <div class="card-body p-0">
                <table class="table mb-0" style="font-size:.875rem;">
                    <thead><tr><th>#</th><th>Item</th><th>Qty</th><th>Unit Price</th><th>Discount</th><th>Total</th></tr></thead>
                    <tbody>
                        @foreach($quotation->items as $i => $item)
                        <tr>
                            <td>{{ $i+1 }}</td>
                            <td>
                                <div class="fw-600">{{ $item->item_name }}</div>
                                @if($item->productVariant)<code style="font-size:.72rem;">{{ $item->productVariant->sku }}</code>@endif
                            </td>
                            <td>{{ $item->qty }}</td>
                            <td>৳{{ number_format($item->unit_price, 2) }}</td>
                            <td>{{ $item->discount > 0 ? '৳'.number_format($item->discount,2) : '—' }}</td>
                            <td class="fw-700">৳{{ number_format($item->total_price, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot style="background:#f8fafc;">
                        @if($quotation->discount > 0)<tr><td colspan="5" class="text-end text-muted">Discount:</td><td class="text-danger">-৳{{ number_format($quotation->discount,2) }}</td></tr>@endif
                        @if($quotation->vat > 0)<tr><td colspan="5" class="text-end text-muted">VAT:</td><td>+৳{{ number_format($quotation->vat,2) }}</td></tr>@endif
                        <tr style="background:#dbeafe;"><td colspan="5" class="text-end fw-700">Grand Total:</td><td class="fw-800" style="color:#1d4ed8;font-size:1rem;">৳{{ number_format($quotation->total_amount,2) }}</td></tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Convert Modal --}}
@can_permission('quotations.convert')
<div class="modal fade" id="convertModal" tabindex="-1">
    <div class="modal-dialog"><div class="modal-content" style="border-radius:14px;border:none;">
        <form method="POST" action="{{ route('quotations.convert', $quotation) }}">@csrf
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title fw-700"><i class="bi bi-arrow-right-circle me-2 text-success"></i>Convert to Sale</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info p-2 mb-3" style="font-size:.8rem;">
                    This will create a new Sale Invoice for
                    <strong>৳{{ number_format($quotation->total_amount, 2) }}</strong>.
                    Only items with a product variant selected will be included.
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Amount Paying Now</label>
                    <div class="input-group"><span class="input-group-text">৳</span>
                    <input type="number" name="paid_amount" class="form-control" value="{{ $quotation->total_amount }}" min="0" step="0.01" required>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Payment Method</label>
                    <select name="payment_method" class="form-select" required>
                        <option value="cash">Cash</option>
                        <option value="mobile_banking">Mobile Banking</option>
                        <option value="bank_transfer">Bank Transfer</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Account</label>
                    <select name="account_id" class="form-select">
                        <option value="">— No account —</option>
                        @foreach($accounts as $acc)<option value="{{ $acc->id }}">{{ $acc->name }}</option>@endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer border-0">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success fw-600"><i class="bi bi-check-circle me-1"></i>Convert & Create Sale</button>
            </div>
        </form>
    </div></div>
</div>
@endcan_permission

@endsection