@extends('layouts.app')
@section('content')
<style>
.gmp-title{font-size:28px;color:#4b5563;font-weight:400;margin:0 0 24px 16px}.gmp-card{background:#fff;border-radius:9px;padding:14px 12px 18px}.gmp-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 20px}.gmp-entry{display:flex;gap:7px;align-items:center;font-size:13px}.gmp-entry select,.gmp-search{height:41px;border:1px solid #cfd3dd;border-radius:4px;padding:0 12px;background:#fff}.gmp-search{width:250px}.gmp-add{height:41px;display:inline-flex;align-items:center;padding:0 18px;background:#7060f4;color:#fff;border-radius:5px;text-decoration:none;font-weight:600}.gmp-table-wrap{overflow-x:auto}.gmp-table{width:100%;border-collapse:collapse;min-width:1000px}.gmp-table th{background:#f3f2f7;color:#67657a;font-size:13px;font-weight:500;text-align:left;padding:15px 8px}.gmp-table td{padding:13px 8px;border-bottom:1px solid #e7e6ec;color:#686676;font-size:14px}.gmp-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:12px;flex-wrap:wrap}.gmp-action{display:flex;gap:7px}.gmp-edit,.gmp-delete{border:0;border-radius:4px;padding:6px 9px;color:#fff;text-decoration:none;font-size:12px}.gmp-edit{background:#7060f4}.gmp-delete{background:#ef534f}.gmp-alert{padding:10px 12px;background:#ecfdf5;color:#065f46;border-radius:5px;margin-bottom:12px}
</style>
<h1 class="gmp-title">Purchases</h1><div class="gmp-card">@if(session('success'))<div class="gmp-alert">{{ session('success') }}</div>@endif
<form method="GET" class="gmp-toolbar"><div class="gmp-entry"><span>Entries</span><select name="per_page" onchange="this.form.submit()">@foreach([10,25,50,100] as $n)<option value="{{ $n }}" @selected((int)request('per_page',10)===$n)>{{ $n }}</option>@endforeach</select></div><input class="gmp-search" type="search" name="search" value="{{ request('search') }}" placeholder="⌕  Search Here" onchange="this.form.submit()"><a class="gmp-add" href="{{ route('gm-purchases.create') }}">Add Purchase</a><div style="margin-left:auto">@include('custom-crud._export-menu',['module'=>'purchases'])</div></form>
<div class="gmp-table-wrap"><table class="gmp-table" id="gm-export-table"><thead><tr><th>SN</th><th>Reference No</th><th>Payment Method</th><th>Date</th><th>Supplier</th><th>G. Total</th><th>Paid</th><th>Due</th><th>Added By</th><th>Actions</th></tr></thead><tbody>
@forelse($records as $record)<tr><td>{{ $records->firstItem()+$loop->index }}</td><td>{{ $record->reference_no }}</td><td>{{ ucfirst($record->payment_method) }}</td><td>{{ $record->purchase_date?->format('m/d/Y') }}</td><td>{{ $record->supplier?->name }}</td><td>{{ number_format((float)$record->grand_total,2) }}</td><td>{{ number_format((float)$record->paid,2) }}</td><td>{{ number_format((float)$record->due,2) }}</td><td>{{ $record->creator?->name ?? 'Admin User' }}</td><td><div class="gmp-action"><a class="gmp-edit" href="{{ route('gm-purchases.edit',$record) }}">Edit</a><form method="POST" action="{{ route('gm-purchases.destroy',$record) }}" onsubmit="return confirm('Delete this purchase?')">@csrf @method('DELETE')<button class="gmp-delete">Delete</button></form></div></td></tr>@empty<tr><td colspan="10">No data available in table</td></tr>@endforelse
</tbody></table></div><div class="gmp-bottom"><div>Showing {{ $records->count()?$records->firstItem():0 }} to {{ $records->count()?$records->lastItem():0 }} of {{ $records->total() }} entries</div><div>{{ $records->links() }}</div></div></div>
@endsection