@extends('layouts.panel')
@section('content')
    <div>
        <h2 class="text-4xl text-[#041627]">Reviewer Profile</h2>
        <p class="text-[#44474c]">Complete this profile before continuing.</p>
    </div>
    <form method="POST" action="{{ route('reviewer.profile.update') }}"
        class="bg-white border border-[#aeb6bf] p-6 space-y-4 w-full">@csrf @method('PUT')
        {{-- <div>
            <label class="text-sm font-semibold">Registered Email</label>
            <input value="{{ $user->email ?? auth()->user()->email }}" readonly
                class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#eceff1] text-[#44474c]">
        </div> --}}
        <div class="grid md:grid-cols-3 gap-4">

            <div class="col-span-2">
              <label class="text-sm font-semibold">Registered Email</label>

              <input value="{{ $user->email ?? auth()->user()->email }}" readonly
                  class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#eceff1] text-[#44474c]">
            </div>

            <div>
              <label class="text-sm font-semibold">
                Mobile (with country code)
              </label>
              <input name="mobile"
                    value="{{ old('mobile', optional($profile)->mobile) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">
            </div>

            <div><label class="text-sm font-semibold">First Name</label><input name="first_name"
                    value="{{ old('first_name', optional($profile)->first_name ?: $prefillFirstName ?? '') }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Middle Name</label><input name="middle_name"
                    value="{{ old('middle_name', optional($profile)->middle_name ?: $prefillMiddleName ?? '') }}"
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Surname</label><input name="surname"
                    value="{{ old('surname', optional($profile)->surname ?: $prefillSurname ?? '') }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Prefix</label><select name="prefix"
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">
                    <option value="">Select</option>
                    @foreach (['Dr', 'Prof', 'Mr', 'Mrs'] as $sx)
                        <option value="{{ $sx }}" @selected(old('prefix', optional($profile)->prefix) === $sx)>{{ $sx }}</option>
                    @endforeach
                </select></div>
            <div><label class="text-sm font-semibold">Department</label><input name="department"
                    value="{{ old('department', optional($profile)->department) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Designation</label><input name="designation"
                    value="{{ old('designation', optional($profile)->designation) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Affiliation</label><input name="affiliation"
                    value="{{ old('affiliation', optional($profile)->affiliation) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">Country</label><input name="country"
                    value="{{ old('country', optional($profile)->country) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">State</label><input name="state"
                    value="{{ old('state', optional($profile)->state) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
            <div><label class="text-sm font-semibold">District / Locality</label><input name="district"
                    value="{{ old('district', optional($profile)->district) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>

            <div>
              <label class="text-sm font-semibold">
                Post Office
              </label>

              <input name="post_office"
                    value="{{ old('post_office', optional($profile)->post_office) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">
            </div>

            <div><label class="text-sm font-semibold">Pin Code</label><input name="pin_code"
                    value="{{ old('pin_code', optional($profile)->pin_code) }}" required
                    class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
        </div>
        <button class="bg-[#041627] text-white px-5 py-2 text-sm font-semibold">Save Profile</button>
    </form>
@endsection