@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 class="gm-head"><h1 class="gm-title">Add Pre-Made Food</h1><a class="gm-btn secondary" href="{{ route('gm-pre-made-food.index') }}">Back to List</a></div>
<form method="POST" action="{{ route('gm-pre-made-food.store') }}">@csrf <div class="gm-grid">@include('custom-crud/pre-made-food._form')</div><div class="gm-actions"><button class="gm-btn" type="submit">Save</button><a class="gm-btn secondary" href="{{ route('gm-pre-made-food.index') }}">Cancel</a></div></form></div>
@endsection