@extends('layouts.app')
@section('title', 'Sale: '.$sale->invoice_no)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('sales.index') }}">Sales</a></li>
<li class="breadcrumb-item active">{{ $sale->invoice_no }}</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title">{{ $sale->invoice_no }}</h1>
        <p class="page-subtitle">
            Customer: <strong>{{ $sale->customer?->name ?? 'Walk-in Customer' }}</strong> &nbsp;|&nbsp;
            Date: {{ $sale->sale_date->format('d M Y') }} &nbsp;|&nbsp;
            By: {{ $sale->creator?->name }}
        </p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('sales.print', $sale) }}" class="btn btn-outline-secondary" target="_blank">
            <i class="bi bi-printer me-1"></i> Print Invoice
        </a>
        @can_permission('sales.return')
        @if($sale->status === 'completed')
        <button class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#returnModal">
            <i class="bi bi-arrow-counterclockwise me-1"></i> Return
        </button>
        @endif
        @endcan_permission
    </div>
</div>

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-receipt" style="color:#1d4ed8;"></i></div><div><div class="stat-value">৳{{ number_format($sale->total_amount, 2) }}</div><div class="stat-label">Total</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-cash" style="color:#059669;"></i></div><div><div class="stat-value">৳{{ number_format($sale->paid_amount, 2) }}</div><div class="stat-label">Paid</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:{{ $sale->due_amount > 0 ? '#fee2e2' : '#d1fae5' }};"><i class="bi bi-clock" style="color:{{ $sale->due_amount > 0 ? '#dc2626' : '#059669' }};"></i></div><div><div class="stat-value" style="color:{{ $sale->due_amount > 0 ? '#dc2626' : '#059669' }};">৳{{ number_format($sale->due_amount, 2) }}</div><div class="stat-label">Due</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        @php $sc=['completed'=>'success','hold'=>'warning','returned'=>'danger','cancelled'=>'secondary','draft'=>'info']; @endphp
        <div class="stat-card"><div class="stat-icon" style="background:#f1f5f9;"><i class="bi bi-info-circle" style="color:#64748b;"></i></div><div><span class="badge bg-{{ $sc[$sale->status] ?? 'secondary' }}" style="font-size:.9rem;">{{ ucfirst($sale->status) }}</span><div class="stat-label">Status</div></div></div>
    </div>
</div>

<div class="row g-3">
    <div class="col-12 col-lg-8">
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-box-seam me-2"></i>Sale Items</div>
            <div class="card-body p-0">
                <table class="table mb-0">
                    <thead><tr><th>#</th><th>Product / Variant</th><th>Qty</th><th>Unit Price</th><th>Discount</th><th>Total</th><th>Profit</th><th>Warranty</th></tr></thead>
                    <tbody>
                        @foreach($sale->items as $i => $item)
                        <tr>
                            <td>{{ $i+1 }}</td>
                            <td>
                                <div class="fw-600">{{ $item->productVariant->product->name }}</div>
                                <div style="font-size:.8rem;color:#64748b;">{{ $item->productVariant->variant_name }}</div>
                                @if($item->serialNumbers->count())
                                <div class="mt-1">
                                    @foreach($item->serialNumbers as $sn)
                                    <a href="{{ route('serials.show', $sn) }}" style="font-family:monospace;font-size:.72rem;background:#dbeafe;border-radius:4px;padding:1px 5px;text-decoration:none;color:#1d4ed8;display:inline-block;margin:1px;">{{ $sn->serial_no }}</a>
                                    @endforeach
                                </div>
                                @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-600">৳{{ number_format($item->total_price, 2) }}</td>
                            <td class="text-success">৳{{ number_format($item->profit, 2) }}</td>
                            <td>{{ $item->warranty_months > 0 ? $item->warranty_months.'m' : '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot style="background:#f8fafc;">
                        <tr><td colspan="5" class="text-end fw-600">Subtotal:</td><td class="fw-600">৳{{ number_format($sale->subtotal, 2) }}</td><td class="text-success fw-600">৳{{ number_format($sale->items->sum('profit'), 2) }}</td><td></td></tr>
                        @if($sale->discount > 0)<tr><td colspan="5" class="text-end text-muted">Discount:</td><td class="text-danger">-৳{{ number_format($sale->discount, 2) }}</td><td></td><td></td></tr>@endif
                        @if($sale->vat > 0)<tr><td colspan="5" class="text-end text-muted">VAT:</td><td>+৳{{ number_format($sale->vat, 2) }}</td><td></td><td></td></tr>@endif
                        <tr style="background:#d1fae5;"><td colspan="5" class="text-end fw-700">Grand Total:</td><td class="fw-700 text-success">৳{{ number_format($sale->total_amount, 2) }}</td><td></td><td></td></tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><i class="bi bi-cash-stack me-2"></i>Payment History</div>
            <div class="card-body p-0">
                @if($sale->payments->isEmpty())
                <div class="text-center py-3 text-muted"><i class="bi bi-cash-stack" style="font-size:1.5rem;"></i><p class="mb-0 mt-1" style="font-size:.875rem;">No payments</p></div>
                @else
                <table class="table table-sm mb-0">
                    <thead><tr><th>Date</th><th>Amount</th><th>Method</th><th>Account</th></tr></thead>
                    <tbody>
                        @foreach($sale->payments as $pmt)
                        <tr>
                            <td>{{ $pmt->payment_date->format('d M Y') }}</td>
                            <td class="fw-600 text-success">৳{{ number_format($pmt->amount, 2) }}</td>
                            <td>{{ ucfirst(str_replace('_',' ',$pmt->payment_method)) }}</td>
                            <td>{{ $pmt->account->name }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @endif
            </div>
        </div>
    </div>

    <div class="col-12 col-lg-4">
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-person me-2"></i>Customer</div>
            <div class="card-body" style="font-size:.875rem;">
                @if($sale->customer)
                <div class="fw-700 mb-1">{{ $sale->customer->name }}</div>
                @if($sale->customer->phone)<div><i class="bi bi-telephone me-1 text-muted"></i>{{ $sale->customer->phone }}</div>@endif
                @if($sale->customer->email)<div><i class="bi bi-envelope me-1 text-muted"></i>{{ $sale->customer->email }}</div>@endif
                @if($sale->customer->current_due > 0)
                <div class="mt-2 p-2 rounded" style="background:#fef2f2;font-size:.825rem;">Due: <strong class="text-danger">৳{{ number_format($sale->customer->current_due, 2) }}</strong></div>
                @endif
                @else
                <span class="text-muted">Walk-in Customer</span>
                @endif
            </div>
        </div>

        @if($sale->due_amount > 0 && $sale->customer)
        @can_permission('payments.customer.pay')
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-cash me-2" style="color:#059669;"></i>Record Payment</div>
            <div class="card-body">
                <form method="POST" action="{{ route('sales.pay', $sale) }}">@csrf
                    <div class="mb-2"><div class="input-group input-group-sm"><span class="input-group-text">৳</span><input type="number" name="amount" class="form-control" value="{{ $sale->due_amount }}" min="0.01" max="{{ $sale->due_amount }}" step="0.01" required></div></div>
                    <div class="mb-2"><select name="account_id" class="form-select form-select-sm" required><option value="">— Account —</option>@foreach($accounts as $acc)<option value="{{ $acc->id }}">{{ $acc->name }}</option>@endforeach</select></div>
                    <div class="mb-2"><input type="date" name="payment_date" class="form-control form-control-sm" value="{{ date('Y-m-d') }}" required></div>
                    <div class="mb-2"><select name="payment_method" class="form-select form-select-sm"><option value="cash">Cash</option><option value="mobile_banking">Mobile Banking</option><option value="bank_transfer">Bank Transfer</option></select></div>
                    <button type="submit" class="btn btn-success btn-sm w-100"><i class="bi bi-check-circle me-1"></i>Record Payment</button>
                </form>
            </div>
        </div>
        @endcan_permission
        @endif

        <div class="card">
            <div class="card-body" style="font-size:.875rem;">
                <table class="table table-sm mb-0">
                    <tr><td class="text-muted">Payment Method</td><td>{{ ucfirst(str_replace('_',' ',$sale->payment_method)) }}</td></tr>
                    <tr><td class="text-muted">Sale Type</td><td><span class="badge {{ $sale->sale_type === 'wholesale' ? 'bg-warning text-dark' : 'bg-info' }}">{{ ucfirst($sale->sale_type) }}</span></td></tr>
                    @if($sale->change_amount > 0)<tr><td class="text-muted">Change Given</td><td>৳{{ number_format($sale->change_amount, 2) }}</td></tr>@endif
                    @if($sale->notes)<tr><td class="text-muted">Notes</td><td>{{ $sale->notes }}</td></tr>@endif
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Return Modal --}}
<div class="modal fade" id="returnModal" tabindex="-1">
    <div class="modal-dialog"><div class="modal-content" style="border-radius:14px;border:none;">
        <form method="POST" action="{{ route('sales.return', $sale) }}">@csrf
            <div class="modal-header border-0 pb-0"><h5 class="modal-title">Process Return</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <div class="modal-body">
                <p class="text-muted" style="font-size:.875rem;">Select items to return. Stock will be restored and serial numbers released.</p>
                @foreach($sale->items as $item)
                <div class="form-check mb-2">
                    <input class="form-check-input" type="checkbox" name="item_ids[]" value="{{ $item->id }}" id="item_{{ $item->id }}">
                    <label class="form-check-label" for="item_{{ $item->id }}" style="font-size:.875rem;">
                        {{ $item->productVariant->product->name }} — {{ $item->productVariant->variant_name }}
                        (Qty: {{ $item->qty }} · ৳{{ number_format($item->total_price, 2) }})
                    </label>
                </div>
                @endforeach
            </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-danger">Process Return</button>
            </div>
        </form>
    </div></div>
</div>

@endsection