@extends('master.app')
@section('title', 'Purchase Details')

@section('body')
    <main class="app-content">
        <div class="card shadow-sm border-0" style="border-radius:16px;">
            <div class="card-body">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
                    <h5 class="mb-0 fw-bold"><i class="fa fa-list me-1"></i> Purchase Details (Line Items)</h5>
                    <button onclick="window.print()" class="btn btn-sm btn-dark"><i class="fa fa-print me-1"></i>
                        Print</button>
                </div>

                {{-- Filters --}}
                <form class="row g-2 mb-3">
                    <div class="col-md-2">
                        <input type="date" name="from" value="{{ $from }}" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <input type="date" name="to" value="{{ $to }}" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <select name="supplier_id" class="form-control select2">
                            <option value="">All Suppliers</option>
                            @foreach ($suppliers as $s)
                                <option value="{{ $s->id }}"
                                    {{ (string) $supplierId === (string) $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="currency_id" class="form-control select2">
                            <option value="">All Currencies</option>
                            @foreach ($currencies as $c)
                                <option value="{{ $c->id }}"
                                    {{ (string) $currencyId === (string) $c->id ? 'selected' : '' }}>
                                    {{ $c->title_en ?? ($c->title_ps ?? $c->title_dr) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="type_id" class="form-control">
                            <option value="">All Types</option>
                            <option value="1" {{ (string) $typeId === '1' ? 'selected' : '' }}>Raw</option>
                            <option value="2" {{ (string) $typeId === '2' ? 'selected' : '' }}>Finished</option>
                        </select>
                    </div>
                    <div class="col-md-1 d-grid">
                        <button class="btn btn-primary"><i class="fa fa-filter me-1"></i> Go</button>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead class="bg-light">
                            <tr>
                                <th>#</th>
                                <th>Invoice</th>
                                <th>Date</th>
                                <th>Supplier</th>
                                <th>Type</th>
                                <th>Item</th>
                                <th class="text-end">Qty</th>
                                <th class="text-end">Price</th>
                                <th class="text-end">Total</th>
                                <th>Currency</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($rows as $i=>$r)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>#{{ $r->invoice_number }}</td>
                                    <td>{{ $r->invoice_date }}</td>
                                    <td>{{ $r->supplier_name }}</td>
                                    <td>
                                        <span class="badge bg-{{ $r->type_id == 2 ? 'success' : 'primary' }}">
                                            {{ $r->type_id == 2 ? 'Finished' : 'Raw' }}
                                        </span>
                                    </td>
                                    <td>
                                        Cat: {{ $r->cat_id }}
                                        @if ($r->scat_id)
                                            | Sub: {{ $r->scat_id }}
                                        @endif
                                        | Unit: {{ $r->unit_id }}
                                    </td>
                                    <td class="text-end">{{ number_format($r->qty, 2) }}</td>
                                    <td class="text-end">{{ number_format($r->price, 2) }}</td>
                                    <td class="text-end fw-bold">{{ number_format($r->total, 2) }}</td>
                                    <td>{{ $r->currency_title }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10" class="text-center text-muted py-4">No data</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </main>
@endsection

@section('pageJs')
    <script>
        $(".app-menu").removeClass("active");
        $("#nav_purchase1").addClass("active");
        $("#purchasei").addClass("is-expanded");
    </script>
@endsection