@extends('layouts.app')
@section('content')
<style>
.pm-page-title{font-size:27px;color:#4b5563;font-weight:500;margin:0 0 24px 10px}.pm-card{background:#fff;border-radius:9px;padding:10px 14px 18px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.pm-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.pm-entries{display:flex;align-items:center;gap:7px;color:#666;font-size:13px}.pm-entries select{height:41px;border:1px solid #ccd0da;border-radius:4px;padding:0 28px 0 10px}.pm-search{height:41px;width:250px;border:1px solid #ccd0da;border-radius:4px;padding:0 13px}.pm-table-wrap{overflow-x:auto}.pm-table{width:100%;border-collapse:collapse;min-width:900px}.pm-table th{background:#f3f2f7;color:#67657a;font-size:13px;font-weight:500;text-align:left;padding:15px 9px}.pm-table td{padding:12px 9px;border-bottom:1px solid #e8e7ed;color:#6a6879;font-size:14px}.pm-muted{color:#8c8998}.pm-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:12px;flex-wrap:wrap}.pm-actions{display:flex;gap:7px}.pm-edit,.pm-delete{border:0;border-radius:4px;padding:6px 9px;color:#fff;text-decoration:none;font-size:12px;cursor:pointer}.pm-edit{background:#6c5cf5}.pm-delete{background:#ef534f}.pm-alert{padding:10px 12px;background:#ecfdf5;color:#065f46;border-radius:6px;margin-bottom:12px}
</style>
<h1 class="pm-page-title">Pre-Made Foods</h1>
<div class="pm-card">
@if(session('success'))<div class="pm-alert">{{ session('success') }}</div>@endif
<form method="GET" action="{{ route('gm-pre-made-foods.index') }}" class="pm-toolbar">
 <div class="pm-entries"><span>Entries</span><select name="per_page" onchange="this.form.submit()"><option selected>10</option></select></div>
 <input class="pm-search" type="search" name="search" value="{{ request('search') }}" placeholder="⌕  Search Here" onchange="this.form.submit()">
 <div style="margin-left:auto">@include('custom-crud._export-menu',['module'=>'pre-made-foods'])</div>
</form>
<div class="pm-table-wrap"><table class="pm-table" id="gm-export-table"><thead><tr><th>SN</th><th>Code</th><th>Name</th><th>Category</th><th>Purchase Price</th><th>Low Quantity/Amount</th><th>Unit</th><th>Added By</th><th>Actions</th></tr></thead><tbody>
@forelse($records as $record)
<tr><td>{{ $records->firstItem()+$loop->index }}</td><td>{{ $record->code }}</td><td>{{ $record->name }}</td><td>{{ $record->categoryRecord?->name ?? $record->category }}</td><td>{{ number_format((float)$record->purchase_price,2) }}</td><td>{{ rtrim(rtrim(number_format((float)$record->low_quantity,3,'.',''),'0'),'.') }}</td><td>{{ $record->consumptionUnit?->unit_name ?? $record->unit }}</td><td>{{ $record->creator?->name ?? 'Admin User' }}</td><td><div class="pm-actions"><a class="pm-edit" href="{{ route('gm-pre-made-foods.edit',$record) }}">Edit</a><form method="POST" action="{{ route('gm-pre-made-foods.destroy',$record) }}" onsubmit="return confirm('Delete this record?')">@csrf @method('DELETE')<button class="pm-delete">Delete</button></form></div></td></tr>
@empty<tr><td colspan="9" class="pm-muted">No data available in table</td></tr>@endforelse
</tbody></table></div>
<div class="pm-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