@props(['form_action','school'])
<x-card.card class="mx-auto max-w-xl">
    <x-card.heading>Edit School</x-card.heading>
    <x-form.form method="PATCH" action="{{ $form_action }}">
        <x-form.body-grid>
            <x-form.field name="name" label_text="School Name" colspan="6" value="{{ $school->name }}" />
            <x-form.field name="address" label_text="Address" colspan="6" value="{{ $school->address }}" />
            <x-form.field name="city" label_text="City" colspan="3" value="{{ $school->city }}" />
            <x-form.field name="state" label_text="State" colspan="2" value="{{ $school->state }}" />
            <x-form.field name="zip" label_text="Zip" colspan="1" value="{{ $school->zip }}" />
        </x-form.body-grid>
        <x-form.footer>
            <x-form.button class="mb-5">Update School</x-form.button>
        </x-form.footer>
    </x-form.form>
</x-card.card>