{{-- resources/views/purchases/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Purchases')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">Purchases</h3>

    <a href="{{ route('purchases.create') }}" class="btn btn-sm btn-primary">
        New Purchase
    </a>
</div>

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

<table class="table table-bordered table-striped align-middle">
    <thead class="table-dark">
        <tr>
            <th style="width:70px;">ID</th>
            <th>Invoice</th>
            <th>Date</th>
            <th>Supplier</th>
            <th class="text-end">Subtotal</th>
            <th class="text-end">Paid</th>
            <th class="text-end">Due</th>
            <th style="width:160px;">Items</th>
        </tr>
    </thead>

    <tbody>
        @forelse($purchases as $purchase)
            @php
                $collapseId = 'purchaseItems'.$purchase->id;
                $hasItems = $purchase->items && $purchase->items->count() > 0;
            @endphp

            {{-- Summary Row --}}
            <tr>
                <td>{{ $purchase->id }}</td>
                <td>{{ $purchase->invoice_no }}</td>
                <td>
                    {{ $purchase->date ? \Carbon\Carbon::parse($purchase->date)->format('d-m-Y') : '-' }}
                </td>
                <td>{{ $purchase->supplier->name ?? 'N/A' }}</td>
                <td class="text-end">{{ number_format((float)$purchase->total, 2) }}</td>
                <td class="text-end">{{ number_format((float)$purchase->paid, 2) }}</td>
                <td class="text-end">{{ number_format((float)$purchase->due, 2) }}</td>

                {{-- Click to view items --}}
                <td>
                    @if($hasItems)
                        <a class="text-decoration-none"
                           data-bs-toggle="collapse"
                           href="#{{ $collapseId }}"
                           role="button"
                           aria-expanded="false"
                           aria-controls="{{ $collapseId }}">
                            Click to view items
                        </a>
                    @else
                        <span class="text-muted">No items</span>
                    @endif
                </td>
            </tr>

            {{-- Collapsible Items Row --}}
            <tr class="bg-light">
                <td colspan="8" class="p-0">
                    <div class="collapse" id="{{ $collapseId }}">
                        <div class="p-3">

                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <strong>Items</strong>
                                <small class="text-muted">
                                    Invoice: {{ $purchase->invoice_no }} |
                                    Date: {{ $purchase->date ? \Carbon\Carbon::parse($purchase->date)->format('d-m-Y') : '-' }}
                                </small>
                            </div>

                            @if(!$hasItems)
                                <div class="text-muted">No items found.</div>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-sm table-bordered mb-0">
                                        <thead class="table-secondary">
                                            <tr>
                                                <th style="width: 45%;">Product</th>
                                                <th style="width: 10%;" class="text-end">Qty</th>
                                                <th style="width: 15%;" class="text-end">Cost / unit</th>
                                                <th style="width: 15%;" class="text-end">Line Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($purchase->items as $item)
                                                <tr>
                                                    <td>{{ $item->product->name ?? 'Deleted product' }}</td>
                                                    <td class="text-end">{{ $item->qty }}</td>
                                                    <td class="text-end">{{ number_format((float)$item->cost, 2) }}</td>
                                                    <td class="text-end">{{ number_format((float)$item->total, 2) }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif

                        </div>
                    </div>
                </td>
            </tr>

        @empty
            <tr>
                <td colspan="8" class="text-center text-muted">
                    No purchases found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

<div>
    {{ $purchases->links() }}
</div>
@endsection