@extends('layouts.app')
@section('content')
<style>
    .gm-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
    .gm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
    .gm-title{font-size:24px;font-weight:600;color:#4b5563}
    .gm-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:7px;background:#6d5dfc;color:#fff;font-weight:600;text-decoration:none;border:0;cursor:pointer}
    .gm-btn.secondary{background:#64748b}.gm-btn.danger{background:#dc2626}.gm-btn.small{padding:6px 10px;font-size:13px}
    .gm-table{width:100%;border-collapse:collapse}.gm-table th,.gm-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.gm-table th{background:#f5f3f8;color:#6b7280}
    .gm-field{margin-bottom:16px}.gm-field label{display:block;margin-bottom:6px;color:#4b5563;font-weight:500}.gm-input,.gm-textarea{width:100%;border:1px solid #d1d5db;border-radius:7px;padding:10px 12px}.gm-textarea{min-height:100px}
    .gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:768px){.gm-grid{grid-template-columns:1fr}}
    .gm-error{color:#dc2626;font-size:12px;margin-top:4px}.gm-alert{padding:10px 12px;background:#ecfdf5;color:#065f46;border-radius:7px;margin-bottom:14px}
    .gm-actions{display:flex;gap:7px;align-items:center}.gm-muted{color:#9ca3af}
</style>
<div class="gm-card"><div style="display:flex;justify-content:flex-end;margin-bottom:12px">@include('custom-crud._export-menu',['module'=>'pre-made-food'])</div>
 <div class="gm-head"><h1 class="gm-title">Pre-Made Food</h1><a class="gm-btn" href="{{ route('gm-pre-made-food.create') }}">+ Add Pre-Made Food</a></div>
 @if(session('success'))<div class="gm-alert">{{ session('success') }}</div>@endif
 <div style="overflow-x:auto"><table class="gm-table" id="gm-export-table"><thead><tr><th>#</th><th>Code</th><th>Name</th><th>Category</th><th>Purchase Price</th><th>Low Qty</th><th>Unit</th><th>Status</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->category }}</td><td>{{ $record->purchase_price }}</td><td>{{ $record->low_quantity }}</td><td>{{ $record->unit }}</td><td>{{ $record->is_active ? 'Active' : 'Inactive' }}</td><td><div class="gm-actions"><a class="gm-btn small" href="{{ route('gm-pre-made-food.edit', $record) }}">Edit</a><form method="POST" action="{{ route('gm-pre-made-food.destroy', $record) }}" onsubmit="return confirm('Delete this record?')">@csrf @method('DELETE')<button class="gm-btn danger small" type="submit">Delete</button></form></div></td></tr>
 @empty<tr><td colspan="9" class="gm-muted">No records found. Use the Add button to create the first record.</td></tr>@endforelse
 </tbody></table></div><div style="margin-top:16px">{{ $records->links() }}</div>
</div>
@endsection