@extends('layouts.app')
@section('title', "Purchase #{$purchase->id}")

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="page-title"><i class="bi bi-receipt me-2"></i>Purchase #{{ $purchase->id }}</h1>
            <p class="text-muted mb-0">{{ $purchase->purchase_date->format('d M Y') }} — {{ $purchase->supplier->name }}</p>
        </div>
        <a href="{{ route('inventory.purchases.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i> Back
        </a>
    </div>

    <!-- Summary -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Total Bill</div>
                    <div class="fs-4 fw-bold">৳{{ number_format((float) $purchase->total_bill, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Paid</div>
                    <div class="fs-4 fw-bold text-success">৳{{ number_format((float) $purchase->paid_amount, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Due</div>
                    <div class="fs-4 fw-bold text-danger">৳{{ number_format((float) $purchase->due_amount, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Status</div>
                    @php $stColors = ['draft' => 'secondary', 'posted' => 'primary', 'settled' => 'success']; @endphp
                    <div class="fs-5"><span
                            class="badge bg-{{ $stColors[$purchase->status] ?? 'secondary' }}">{{ ucfirst($purchase->status) }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Details -->
    <div class="row g-4">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header"><strong>Details</strong></div>
                <div class="card-body">
                    <table class="table table-borderless mb-0">
                        <tr>
                            <th width="35%">Supplier</th>
                            <td>{{ $purchase->supplier->name }}</td>
                        </tr>
                        <tr>
                            <th>Invoice #</th>
                            <td>{{ $purchase->invoice_number ?? '—' }}</td>
                        </tr>
                        <tr>
                            <th>Project</th>
                            <td>{{ $purchase->project->project_name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <th>Notes</th>
                            <td>{{ $purchase->notes ?? '—' }}</td>
                        </tr>
                        @if($purchase->payment_method)
                        <tr>
                            <th>Payment Method</th>
                            <td>
                                @php
                                    $pmLabels = ['cash' => 'Cash', 'bank' => 'Bank', 'mobile_banking' => 'Mobile Banking'];
                                @endphp
                                <span class="badge bg-info">{{ $pmLabels[$purchase->payment_method] ?? ucfirst($purchase->payment_method) }}</span>
                            </td>
                        </tr>
                        @endif
                        @if($purchase->invoice_attachment)
                            <tr>
                                <th>Attachment</th>
                                <td><a href="{{ asset('storage/' . $purchase->invoice_attachment) }}" target="_blank"
                                        class="btn btn-sm btn-outline-primary"><i class="bi bi-file-earmark"></i> View</a></td>
                            </tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>

        <!-- Line Items -->
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header"><strong>Line Items</strong></div>
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Material</th>
                                <th class="text-end">Qty</th>
                                <th>Unit</th>
                                <th class="text-end">Rate</th>
                                <th class="text-end">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($purchase->items as $item)
                                <tr>
                                    <td>{{ $item->material->material_name }}</td>
                                    <td class="text-end">{{ number_format((float) $item->quantity, 2) }}</td>
                                    <td>{{ $item->material->unit }}</td>
                                    <td class="text-end">৳{{ number_format((float) $item->unit_price, 2) }}</td>
                                    <td class="text-end fw-bold">৳{{ number_format((float) $item->total_price, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr class="table-light">
                                <td colspan="4" class="text-end fw-bold">Total:</td>
                                <td class="text-end fw-bold">৳{{ number_format((float) $purchase->total_bill, 2) }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Payment History -->
    <div class="card mt-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <strong>Payment History</strong>
            @if((float) $purchase->due_amount > 0)
                <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#paymentModal">
                    <i class="bi bi-plus-lg me-1"></i> Record Payment
                </button>
            @endif
        </div>
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Amount</th>
                        <th>Method</th>
                        <th>Reference</th>
                        <th>Narration</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($purchase->payments as $pm)
                        <tr class="{{ $pm->is_reversal ? 'table-danger' : '' }}">
                            <td>{{ $pm->payment_date->format('d M Y') }}</td>
                            <td class="fw-bold {{ $pm->is_reversal ? 'text-danger' : 'text-success' }}">
                                {{ $pm->is_reversal ? '-' : '' }}৳{{ number_format((float) $pm->amount, 2) }}
                            </td>
                            <td>{{ $pm->paymentMethod->name ?? 'Cash' }}</td>
                            <td>{{ $pm->reference_number ?? '—' }}</td>
                            <td>{{ $pm->narration ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-3">No payments recorded yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Payment Modal -->
    @if((float) $purchase->due_amount > 0)
        <div class="modal fade" id="paymentModal" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form method="POST" action="{{ route('inventory.purchases.payment', $purchase) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Record Payment</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted">Outstanding due: <strong
                                    class="text-danger">৳{{ number_format((float) $purchase->due_amount, 2) }}</strong></p>
                            <div class="mb-3">
                                <label class="form-label">Amount <span class="text-danger">*</span></label>
                                <input type="number" step="0.01" min="0.01" max="{{ $purchase->due_amount }}" name="amount"
                                    class="form-control" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Payment Date <span class="text-danger">*</span></label>
                                <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}"
                                    required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Reference #</label>
                                <input type="text" name="reference_number" class="form-control" placeholder="Cheque/TXN #">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Narration</label>
                                <input type="text" name="narration" class="form-control" placeholder="Payment notes…">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Record Payment</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endsection