@extends('layouts.app')
@section('title', 'Purchase: '.$purchase->invoice_no)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('purchases.index') }}">Purchases</a></li>
<li class="breadcrumb-item active">{{ $purchase->invoice_no }}</li>
@endsection

@push('styles')
<style>
@media print {
    .no-print, nav, .breadcrumb, aside, footer, .sidebar, #sidebar, .navbar { display: none !important; }
    body { background: white !important; }
    .card { border: 1px solid #ddd !important; box-shadow: none !important; }
    .stat-card { border: 1px solid #ddd !important; }
    .print-header { display: block !important; }
    .col-lg-4 { display: none !important; }
    .col-lg-8 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
}
.print-header { display: none; }
</style>
@endpush

@section('content')

{{-- Print Header - শুধু print এ দেখাবে --}}
<div class="print-header text-center mb-4" style="border-bottom:2px solid #059669;padding-bottom:12px;">
    <h2 style="color:#059669;margin:0;font-size:1.4rem;">Purchase Invoice</h2>
    <div style="font-size:.9rem;color:#555;margin-top:4px;">{{ $purchase->invoice_no }} &nbsp;|&nbsp; {{ $purchase->purchase_date->format('d M Y') }}</div>
    <div style="font-size:.85rem;">Supplier: <strong>{{ $purchase->supplier->name }}</strong></div>
</div>

<div class="page-header d-flex justify-content-between align-items-start no-print">
    <div>
        <h1 class="page-title">{{ $purchase->invoice_no }}</h1>
        <p class="page-subtitle">Supplier: <strong>{{ $purchase->supplier->name }}</strong> &nbsp;|&nbsp; Date: {{ $purchase->purchase_date->format('d M Y') }}</p>
    </div>
    <div class="d-flex gap-2 flex-wrap">

        {{-- Receive Purchase - শুধু received/paid না হলে --}}
        @if(!in_array($purchase->status, ['received','paid']))
        @can_permission('purchases.approve')
        <form method="POST" action="{{ route('purchases.receive', $purchase) }}">@csrf
            <button type="submit" class="btn btn-success" onclick="return confirm('Receive purchase and update stock?')">
                <i class="bi bi-box-arrow-in-down me-1"></i> Receive
            </button>
        </form>
        @endcan_permission
        @endif

        {{-- Return - সব সময় দেখাবে যদি received হয় --}}
        @if($purchase->status === 'received')
        @can_permission('purchases.approve')
        <a href="{{ route('purchases.return.create', $purchase) }}" class="btn btn-outline-danger">
            <i class="bi bi-arrow-return-left me-1"></i> Return
        </a>
        @endcan_permission
        @endif

        {{-- Edit - সব সময় দেখাবে --}}
        @can_permission('purchases.edit')
        <a href="{{ route('purchases.edit', $purchase) }}" class="btn btn-outline-primary">
            <i class="bi bi-pencil me-1"></i> Edit
        </a>
        @endcan_permission

        {{-- Print --}}
        <button onclick="window.print()" class="btn btn-outline-secondary">
            <i class="bi bi-printer me-1"></i> Print
        </button>

    </div>
</div>

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

<div class="row g-3">
    <div class="col-12 col-lg-8">

        {{-- Items --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-box-seam me-2"></i>Purchase 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 Cost</th><th>Discount</th><th>Total</th><th>Warranty</th></tr></thead>
                    <tbody>
                        @foreach($purchase->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>
                                <code style="font-size:.72rem;">{{ $item->productVariant->sku }}</code>
                                @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:#f1f5f9;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_cost, 2) }}</td>
                            <td>{{ $item->discount > 0 ? '৳'.number_format($item->discount, 2) : '—' }}</td>
                            <td class="fw-600">৳{{ number_format($item->total_cost, 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($purchase->subtotal, 2) }}</td><td></td></tr>
                        @if($purchase->discount > 0)<tr><td colspan="5" class="text-end text-muted">Discount:</td><td class="text-danger">-৳{{ number_format($purchase->discount, 2) }}</td><td></td></tr>@endif
                        @if($purchase->tax > 0)<tr><td colspan="5" class="text-end text-muted">Tax:</td><td>+৳{{ number_format($purchase->tax, 2) }}</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($purchase->total_amount, 2) }}</td><td></td></tr>
                    </tfoot>
                </table>
            </div>
        </div>

        {{-- Payment History --}}
        <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($purchase->payments->isEmpty())
                <div class="text-center py-4 text-muted"><i class="bi bi-cash-stack" style="font-size:1.5rem;"></i><p class="mt-1 mb-0" style="font-size:.875rem;">No payments yet</p></div>
                @else
                <table class="table table-sm mb-0">
                    <thead><tr><th>Date</th><th>Amount</th><th>Method</th><th>Account</th><th>Reference</th></tr></thead>
                    <tbody>
                        @foreach($purchase->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>
                            <td>{{ $pmt->reference ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @endif
            </div>
        </div>

    </div>

    {{-- Right --}}
    <div class="col-12 col-lg-4 no-print">

        {{-- Supplier Info --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-truck me-2"></i>Supplier</div>
            <div class="card-body" style="font-size:.875rem;">
                <div class="fw-700 mb-1">{{ $purchase->supplier->name }}</div>
                @if($purchase->supplier->company)<div class="text-muted">{{ $purchase->supplier->company }}</div>@endif
                @if($purchase->supplier->phone)<div><i class="bi bi-telephone me-1 text-muted"></i>{{ $purchase->supplier->phone }}</div>@endif
                @if($purchase->supplier->email)<div><i class="bi bi-envelope me-1 text-muted"></i>{{ $purchase->supplier->email }}</div>@endif
                @if($purchase->supplier->current_due > 0)
                <div class="mt-2 p-2 rounded" style="background:#fef2f2;font-size:.825rem;">
                    <i class="bi bi-exclamation-triangle me-1 text-danger"></i>
                    Total due: <strong class="text-danger">৳{{ number_format($purchase->supplier->current_due, 2) }}</strong>
                </div>
                @endif
            </div>
        </div>

        {{-- Record Payment --}}
        @if($purchase->due_amount > 0)
        @can_permission('payments.supplier.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('purchases.pay', $purchase) }}">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label fw-semibold" style="font-size:.825rem;">Amount (Max: ৳{{ number_format($purchase->due_amount, 2) }})</label>
                        <div class="input-group input-group-sm"><span class="input-group-text">৳</span>
                        <input type="number" name="amount" class="form-control" value="{{ $purchase->due_amount }}" min="0.01" max="{{ $purchase->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="bank_transfer">Bank Transfer</option>
                            <option value="mobile_banking">Mobile Banking</option>
                            <option value="cheque">Cheque</option>
                        </select>
                    </div>
                    <div class="mb-2">
                        <input type="text" name="reference" class="form-control form-control-sm" placeholder="Reference (optional)">
                    </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

        {{-- Notes --}}
        @if($purchase->notes)
        <div class="card">
            <div class="card-header">Notes</div>
            <div class="card-body" style="font-size:.875rem;color:#374151;">{{ $purchase->notes }}</div>
        </div>
        @endif
    </div>
</div>
@endsection