@php use Illuminate\Support\Facades\Auth; @endphp

<x-layout.app page_title="User Profile">
    <x-layout.page-section-container>
        <x-layout.page-section first>
            <x-slot:section_name>User Information</x-slot:section_name>
            <x-slot:section_description>Use a permanent address where you receive mail</x-slot:section_description>
            <x-form.form method="PATCH" action="/user/{{ Auth::user()->id }}">
                <x-form.body-grid columns="6" class="!max-w-full">
                    <x-form.field name="first_name" label_text="First Name" value="{{ Auth::user()->first_name }}" colspan="3" required />
                    <x-form.field name="last_name" label_text="Last Name" value="{{ Auth::user()->last_name }}" colspan="3" required />
                    <x-form.field name="email" label_text="Email" type="email" value="{{ Auth::user()->email }}" colspan="3" required />
                    <x-form.field name="cell_phone" label_text="Cell Phone" type="text" value="{{ Auth::user()->cell_phone }}" colspan="3" required />
                    <x-form.field name="judging_preference" label_text="Judging Preference" type="text" value="{{ Auth::user()->judging_preference }}" colspan="6" required />
                </x-form.body-grid>
                <x-form.footer submit-button-text="Modify User"/>
            </x-form.form>
        </x-layout.page-section>
    </x-layout.page-section-container>
</x-layout.app>



{{--@php use Illuminate\Support\Facades\Auth; @endphp
<x-layout.app>
    <x-slot:page_title>User Profile</x-slot:page_title>
    <div class="space-y-10 divide-y divide-gray-900/10">
        <x-layout.page-section
            section_name="Personal Information"
            section_description="Use a permanent address where you receive mail"
        >
            @if (session('status') === 'profile-information-updated')
                <div class="mt-4 px-8 font-medium text-sm text-green-600">
                    Profile Info has been updated.
                </div>
            @endif

            <form action="/user/profile-information" method="POST">
                @csrf
                @method('PUT')
                <div class="px-4 py-6 sm:p-8">
                    <div class="grid max-w-2xl grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
                        <x-form.field name="first_name" label="First Name" value="{{ Auth::user()->first_name }}" div_classes="sm:col-span-3" />
                        <x-form.field name="last_name" label="Last Name" value="{{ Auth::user()->last_name }}" div_classes="sm:col-span-3" />
                        <x-form.field name="email" label="Email Address" value="{{ Auth::user()->email }}" div_classes="sm:col-span-3" />
                        <x-form.field name="cell_phone" label="Cell Phone" value="{{ Auth::user()->cell_phone }}" div_classes="sm:col-span-3" />
                        <x-form.field name="judging_preference" label="Judging Preference" value="{{ Auth::user()->judging_preference }}" div_classes="sm:col-span-5" />
                    </div>
                </div>
                <div class="flex items-center justify-end gap-x-6 border-t border-gray-900/10 px-4 py-4 sm:px-8">
                    <x-form.button-nocolor type="button">Cancel</x-form.button-nocolor>
                    <x-form.button>Update Profile</x-form.button>
                </div>
            </form>

        </x-layout.page-section>

        <x-layout.page-section
            section_name="Change Password"
            section_description="Update your user password"
        >
            @if (session('status') === 'password-updated')
                <div class="mt-4 px-8 font-medium text-sm text-green-600">
                   Password has been updated.
                </div>
            @endif

            <x-form.card method="PUT" action="/user/password" cols="1" submit-button-text="Change Password">
                <x-form.field name="current_password" label="Current Password" type="password" autocomplete="current-password" required />
                <x-form.field name="password" label="New Password" type="password" autocomplete="new-password" required />
                <x-form.field name="password_confirmation" label="Confirm New Password" autocomplete="new-password" type="password" required />
            </x-form.card>

        </x-layout.page-section>
    </div>
</x-layout.app>--}}