@php use Illuminate\Support\Facades\Auth; @endphp
@push('scripts')
{{--    Code from https://codepen.io/ryangjchandler/pen/WNQQKeR--}}
    <script src="{{ asset('js/sort_table_by_column.js') }}"></script>
@endpush
<x-layout.app>
    <x-slot:page_title>Students</x-slot:page_title>

    <x-layout.page-section>
        <x-slot:section_name>Create Student</x-slot:section_name>
        <x-slot:section_description>Student full names must be unique. Add a middle initial to the first name if necessary.</x-slot:section_description>
        <x-form.card method="POST" action="/students/create" submit-button-text="Create Student"  >
            <x-form.field name="first_name" label="First Name" div_classes="sm:col-span-3" required />
            <x-form.field name="last_name" label="Last Name" div_classes="sm:col-span-3" required />
        </x-form.card>
    </x-layout.page-section>
</x-layout.app>