@extends('garage.layouts.app')

@section('title', 'Purchase invoice '.$purchaseInvoice->bill_number)

@push('styles')
@include('shared.garage-purchase-order-ui-styles')
@endpush

@section('content')
@php
    $canReturn = in_array($purchaseInvoice->status, ['received','partial','paid','overdue'], true);
@endphp
<div class="container-fluid py-2 px-2 px-lg-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
        <div>
            <h1 class="h4 mb-1"><i class="bi bi-receipt me-2 text-primary"></i>{{ $purchaseInvoice->bill_number }}</h1>
            <p class="text-muted small mb-0">
                {{ \Carbon\Carbon::parse($purchaseInvoice->bill_date)->format('M d, Y') }}
                · {{ $purchaseInvoice->vendor_name ?? 'No vendor' }}
                · <span class="badge bg-light text-dark border">{{ ucfirst($purchaseInvoice->status) }}</span>
            </p>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a href="{{ route('garage.purchase-invoices.vouchers', $purchaseInvoice->id) }}" class="btn btn-sm btn-outline-primary">
                <i class="bi bi-journal-text me-1"></i>Journal voucher
            </a>
            @if($purchaseInvoice->status === 'draft')
            <a href="{{ route('garage.purchase-invoices.edit', $purchaseInvoice->id) }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
            @endif
            @if($canReturn)
            <a href="{{ route('garage.purchase-returns.create', ['purchase_invoice_id' => $purchaseInvoice->id]) }}" class="btn btn-sm btn-danger">
                <i class="bi bi-arrow-return-left me-1"></i>Record return
            </a>
            @endif
            <a href="{{ route('garage.purchase-invoices.index') }}" class="btn btn-sm btn-outline-secondary">Back</a>
        </div>
    </div>

    @if(session('success'))<div class="alert alert-success py-2 small">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger py-2 small">{{ session('error') }}</div>@endif

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white fw-semibold">Line items</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Item</th>
                                <th class="text-center">Qty</th>
                                <th class="text-center">Returned</th>
                                <th class="text-end">Unit</th>
                                <th class="text-end">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item)
                            @php
                                $name = $item->part_name ?? $item->labor_name ?? $item->service_group_name ?? $item->description ?? '—';
                                $returned = (int) ($item->quantity_returned ?? 0);
                            @endphp
                            <tr>
                                <td>
                                    <span class="fw-semibold">{{ $name }}</span>
                                    <span class="text-muted small">({{ $item->item_type }})</span>
                                </td>
                                <td class="text-center">{{ $item->quantity }}</td>
                                <td class="text-center">{{ $returned }}</td>
                                <td class="text-end">{{ number_format($item->unit_price, 2) }}</td>
                                <td class="text-end">{{ number_format($item->total_price, 2) }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            @if(isset($returns) && $returns->count())
            <div class="card border-0 shadow-sm mt-3">
                <div class="card-header bg-white fw-semibold">Purchase returns</div>
                <ul class="list-group list-group-flush">
                    @foreach($returns as $ret)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>
                            <a href="{{ route('garage.purchase-returns.show', $ret->id) }}" class="fw-semibold text-decoration-none">{{ $ret->return_number }}</a>
                            <span class="text-muted small">· {{ \Carbon\Carbon::parse($ret->return_date)->format('M d, Y') }}</span>
                        </span>
                        <span class="text-danger fw-semibold">-{{ number_format($ret->total_amount, 2) }}</span>
                    </li>
                    @endforeach
                </ul>
            </div>
            @endif
        </div>
        <div class="col-lg-4">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">Subtotal</span><span>{{ number_format($purchaseInvoice->subtotal, 2) }}</span></div>
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">Tax</span><span>{{ number_format($purchaseInvoice->tax_amount, 2) }}</span></div>
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">Paid</span><span>{{ number_format($purchaseInvoice->paid_amount, 2) }}</span></div>
                    <hr>
                    <div class="d-flex justify-content-between fw-bold"><span>Total</span><span>{{ number_format($purchaseInvoice->total_amount, 2) }}</span></div>
                    <div class="d-flex justify-content-between text-muted small mt-1"><span>Balance</span><span>{{ number_format($purchaseInvoice->balance_amount, 2) }}</span></div>
                    @if(!empty($purchaseInvoice->journal_voucher_id))
                    <p class="text-muted mb-0 mt-3 small"><i class="bi bi-journal-check me-1"></i>Journal voucher linked — open Voucher for details.</p>
                    @else
                    <p class="text-muted mb-0 mt-3 small">No journal voucher yet. Set status to <strong>Received</strong> with a vendor to post JV.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection