<div class="row">
  <div class="col-lg-12">
    <div class="card">
      {{-- <div class="card-header card-primary">
        <h4 class="card-title mb-0">Personal Details</h4>
      </div> --}}

      <div class="card-body">
        <div class="row gy-1">
          <p class="text-primary">Personal Details</p>
          <hr>
          <div class="col-md-4">
            {{ html()->label('First name')->class('form-label') }}
            {{ html()->text('first_name')->class('form-control')->placeholder('Enter First Name')->required() }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Middle name')->class('form-label') }}
            {{ html()->text('middle_name')->class('form-control')->placeholder('Enter Middle Name') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Last name')->class('form-label') }}
            {{ html()->text('last_name')->class('form-control')->placeholder('Enter Last Name')->required() }}
            {{ html()->div('Please enter last name')->class('invalid-feedback') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Gender')->class('form-label') }}
            {{ html()->select('genders_id', $genderList)->class('form-select')->placeholder('Select Gender') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Date of Birth')->class('form-label') }}
            {{ html()->date('dob')->class('form-control')->placeholder('Choose Date of Birth')->required() }}
            {{ html()->div('Please choose dob')->class('invalid-feedback') }}

          </div>

          <div class="col-md-4">
            {{ html()->label('Nationality')->class('form-label') }}
            {{ html()->select('nationality_id', $nationalityList)->class('form-select')->placeholder('Select Nationality') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Email')->class('form-label') }}
            {{ html()->email('email')->class('form-control')->placeholder('Enter Email')->required() }}
            {{ html()->div('Please enter email')->class('invalid-feedback') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Phone Number')->class('form-label') }}
            {{ html()->text('contact')->class('form-control')->placeholder('Enter Phone Number') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Upload Profile Picture')->class('form-label') }}
            {{ html()->file('profile_picture')->class('form-control') }}

          </div>

        </div>

        <div class="row gy-1 mt-1">
          <p class="text-primary">Address Details</p>
          <hr>

          {{-- <div class="col-md-4">
            {{ html()->label('Municipality')->class('form-label') }}
            {{ html()->select('municipality_id', [])->class('form-select')->placeholder('Select Municipality') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Ward')->class('form-label') }}
            {{ html()->text('ward')->class('form-control')->placeholder('Enter Ward no') }}
          </div> --}}

          <div class="col-md-4">
            {{ html()->label('Permanent Address')->class('form-label') }}
            {{ html()->text('permanent_address')->class('form-control')->placeholder('Enter Permanent Address') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Temporary Address')->class('form-label') }}
            {{ html()->text('temporary_address')->class('form-control')->placeholder('Enter Temporary Address') }}
          </div>
        </div>

        <div class="row gy-1 mt-1">
          <p class="text-primary">Organization Details</p>
          <hr>
          <div class="col-md-4">
            {{ html()->label('Department')->class('form-label') }}
            {{ html()->select('department_id', $departmentList)->class('form-select')->placeholder('Select Department') }}
          </div>

          <div class="col-md-4">
            {{ html()->label('Designation')->class('form-label') }}
            {{ html()->select('designation_id', $designationList)->class('form-select')->placeholder('Select Designation') }}
          </div>

          {{-- <div class="col-md-4">
            {{ html()->label('Join Date')->class('form-label') }}
            {{ html()->date('join_date')->class('form-control')->placeholder('Choose Join Date') }}
          </div> --}}


          <div class="col-md-8">
            {{ html()->label('Remarks')->class('form-label') }}
            {{ html()->textarea('remarks')->class('form-control')->placeholder('Enter Remarks') }}
          </div>
        </div>
      </div>
      <!-- end card body -->
    </div>
    <!-- end card -->

    <div class="mb-4 text-end">
      <button type="submit" class="btn btn-success w-sm">Save</button>
    </div>
  </div>

</div>