@extends('layouts.app')
@section('content')
<style>
.gm-page-title{font-size:28px;font-weight:400;color:#4b5563;margin:0 0 22px}.gm-card{background:#fff;border-radius:10px;padding:18px 6px 26px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.gm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gm-field label{display:block;margin-bottom:7px;color:#6b6880;font-size:15px}.gm-field label span{color:#e64545}.gm-input{width:100%;border:1px solid #cfd3df;border-radius:5px;padding:10px 16px;color:#4b5563}.gm-error{color:#dc2626;font-size:12px;margin-top:4px}.gm-actions{display:flex;gap:24px;margin-top:16px}.gm-btn{display:inline-flex;min-width:158px;justify-content:center;align-items:center;padding:10px 18px;border:0;border-radius:5px;background:#7060f4;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}@media(max-width:768px){.gm-grid{grid-template-columns:1fr}.gm-actions{gap:12px;flex-wrap:wrap}}
</style>
<h1 class="gm-page-title">Add Food Menu Category</h1>
<div class="gm-card">
<form method="POST" action="{{ route('gm-food-menu-categories.store') }}">@csrf
    @include('custom-crud.food-menu-categories._form')
    <div class="gm-actions"><button class="gm-btn" type="submit">Submit</button><a class="gm-btn" href="{{ route('gm-food-menu-categories.index') }}">Back</a></div>
</form>
</div>
@endsection