@include('admin.common-layout.header')
<div class="dashboard-main-body">
  <div class="breadcrumb d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
    <div class="">
      <h1 class="fw-semibold mb-4 h6 text-primary-light">Edit New Student</h1>
      <div class="">
        <a href="javascript:void(0);" class="text-secondary-light hover-text-primary hover-underline">Dashboard </a>
        <a href="javascript:void(0);" class="text-secondary-light hover-text-primary hover-underline "> / Student</a>
        <span class="text-secondary-light">/ Edit New Student</span>
      </div>
    </div>
    <a href="javascript:void(0);" class="btn btn-primary-600 d-flex align-items-center gap-6 d-none">
      <span class="d-flex text-md">
        <i class="ri-add-large-line"></i>
      </span>
      Edit Student
    </a>
  </div>
  <form action="{{ route('students.update', $student->id) }}" method="POST" enctype="multipart/form-data" class="mt-24">
    @csrf
    <div class="row gy-3">
      <div class="col-lg-12">
        <div class="shadow-1 radius-12 bg-base h-100 overflow-hidden">
          <div class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
            <h6 class="text-lg fw-semibold mb-0">Personal Info</h6>
          </div>
          <div class="card-body p-20">
            <div class="row gy-3">
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="academicYear" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Academic Year <span class="text-danger-600">* </span> </label>
                  <select name="academic_year" class="form-control form-select">
                    <option value="">Select</option>
                    @foreach($academicYear as $year)
                    <option value="{{ $year->id }}"
                      {{ $student->academic_year_id == $year->id ? 'selected' : '' }}>
                      {{ $year->years }}
                    </option>
                    @endforeach
                  </select>
                  @error('academic_year')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="boardSelection" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Board <span class="text-danger-600">* </span> </label>
                  <select name="board_id" id="boardSelection" class="form-control form-select">
                    <option value="" >Select a board</option>
                    @foreach($boards as $board)
                    <option value="{{ $board->id }}"
                      {{ $student->board_id == $board->id ? 'selected' : '' }}>
                      {{ $board->board_name }}
                    </option>
                    @endforeach
                  </select>
                  @error('board_id')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="classSelection" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Class <span class="text-danger-600">* </span> </label>
                  <select name="class_id" id="classSelection" class="form-control form-select">
                    <option value="" >Select a class</option>
                    @foreach($classes as $class)
                    <option value="{{ $class->id }}"
                      {{ $student->class_id == $class->id ? 'selected' : '' }}>
                      {{ $class->classes_name }}
                    </option>
                    @endforeach
                  </select>
                  @error('class_id')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="subject" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Subject <span class="text-danger-600">* </span> </label>
                  <select name="subject_id" id="subject" class="form-control form-select">
                    <option value="" >Select subject</option>
                    @foreach($subjects as $subject)
                    <option value="{{ $subject->id }}"
                      {{ $student->subject_id == $subject->id ? 'selected' : '' }}>
                      {{ $subject->subjects_name }}
                    </option>
                    @endforeach
                  </select>
                  @error('subject_id')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="admissionNo" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Admission No <span class="text-danger-600">*</span> </label>
                  <input type="text" name="admission_no" value="{{ $student->admission_no }}" class="form-control">
                  @error('admission_no')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="fullName" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Full Name <span class="text-danger-600">*</span> </label>
                  <input type="text" name="name" value="{{ $student->user->name }}" class="form-control">
                  @error('name')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="category" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Category </label>
                  <select name="category_id" class="form-control form-select">
                    <option value="">Select Category</option>
                    @foreach($category as $cat)
                    <option value="{{ $cat->id }}" {{ old('category_id', $student->user->category_id) == $cat->id ? 'selected' : '' }}>
                    {{ $cat->category_name }}
                    </option>
                    @endforeach
                  </select>
                  @error('category')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="gender" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Gender</label>
                  <select name="gender_id" class="form-control form-select">
                    <option value="">Select Gender</option>
                    @foreach($gender as $g)
                    <option value="{{ $g->id }}" {{ old('gender_id', $student->user->gender_id) == $g->id ? 'selected' : '' }}>
                    {{ $g->gender_name }}
                    </option>
                    @endforeach
                  </select>
                  @error('gender')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="dateOfBirth" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Date Of Birth <span class="text-danger-600">*</span> </label>
                  <input type="date" name="date_of_birth" value="{{ old('date_of_birth', $student->user->date_of_birth) }}" class="form-control">
                  @error('dateofbirth')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="age" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Age <span class="text-danger-600">*</span> </label>
                  <input type="number" name="age" value="{{ old('age', $student->user->age) }}" class="form-control" id="age">
                  @error('age')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="phoneNumber" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Phone Number <span class="text-danger-600">*</span> </label>
                  <input type="text" name="phone" value="{{ $student->user->mobile_number }}" class="form-control">
                  @error('phone')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="studentEmail" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Email <span class="text-danger-600">*</span> </label>
                  <input type="email" name="email" value="{{ $student->user->email }}" class="form-control">
                  @error('email')
                      <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Student Photo <span class="text-danger-600">*</span> </label>
                  @if($student->photo)
                      <div class="mb-2">
                        <img src="{{ asset($student->photo) }}" alt="Teacher Photo" width="100" class="img-thumbnail">
                      </div>                  
                    @endif
                  <div class="height-44-px p-4 d-flex justify-content-center align-items-center text-center fw-medium text-md cursor-pointer border border-neutral-400 radius-8 border-dashed bg-hover-neutral-200">
                    <!-- <span class="photoupload">Darg & drop a file here or click</span> -->
                    
                    <input type="file" name="photo" class="photoupload">
                    @error('photo')
                      <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-12">
        <div class="shadow-1 radius-12 bg-base h-100 overflow-hidden">
          <div class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
            <h6 class="text-lg fw-semibold mb-0">Parent & Guardian Info </h6>
          </div>
          <div class="card-body p-20">
            <div class="row gy-3">
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="fathersName" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Fathers Name </label>
                  <input type="text" name="father_name" value="{{ old('father_name', $student->father_name) }}" class="form-control">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="fathersPhoneNumber" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Phone Number </label>
                  <input type="tel" name="father_phone" value="{{ old('father_phone', $student->father_phone) }}" class="form-control" placeholder="Enter Fathers Number">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="fathersFatherOccupation" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Father Occupation </label>
                  <input type="text" name="father_occupation" value="{{ old('father_occupation', $student->father_occupation) }}" class="form-control" placeholder="Enter Father Occupation">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="mothersName" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Mothers Name </label>
                  <input type="text" name="mother_name" value="{{ old('mother_name', $student->mother_name) }}" class="form-control" placeholder="Enter Mothers Name">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="mothersPhoneNumber" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Phone Number </label>
                  <input type="tel" name="mother_phone" value="{{ old('mother_phone', $student->mother_phone) }}" class="form-control" placeholder="Enter Mothers Number">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="mothersFatherOccupation" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Father Occupation </label>
                  <input type="text" name="mother_occupation" value="{{ old('mother_occupation', $student->mother_occupation) }}" class="form-control" placeholder="Enter Mother Occupation">
                </div>
              </div>
              <div class="col-12">
                <div class="mt-24">
                  <span class="text-lg fw-bold text-primary-light d-inline-block mb-8">Select a Guardian </span>
                  <div class="d-flex align-items-center flex-wrap gap-28">
                    <div class="form-check checked-primary d-flex align-items-center gap-2">
                      <input class="form-check-input" type="radio" name="guardian_type" value="father" id="selectFather" {{ old('guardian_type', $student->guardian_type) == 'father' ? 'checked' : '' }}>
                      <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="selectFather"> Father </label>
                    </div>
                    <div class="form-check checked-secondary d-flex align-items-center gap-2">
                      <input class="form-check-input" type="radio" name="guardian_type" value="mother" id="selectMother" {{ old('guardian_type', $student->guardian_type) == 'mother' ? 'checked' : '' }}>
                      <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="selectMother"> Mother </label>
                    </div>
                    <div class="form-check checked-success d-flex align-items-center gap-2">
                      <input class="form-check-input" type="radio" name="guardian_type" value="other" id="selectOthers" {{ old('guardian_type', $student->guardian_type) == 'other' ? 'checked' : '' }}>
                      <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="selectOthers"> Others </label>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="guardianName" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Guardian Name </label>
                  <input type="text" name="guardian_name" value="{{ old('guardian_name', $student->guardian_name) }}" class="form-control">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="guardianEmailTwo" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Guardian Email </label>
                  <input type="email" name="guardian_email" value="{{ old('guardian_email', $student->guardian_email) }}" class="form-control">
                </div>
              </div>
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="guardianPhoneNumber" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Phone Number </label>
                  <input type="text" name="guardian_phone" value="{{ old('guardian_phone', $student->guardian_phone) }}" class="form-control">
                </div>
              </div>
              <div class="col-xl-12 col-sm-6">
                <div class="">
                  <label for="guardianGuardianAddress" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Guardian Address </label>
                  <input type="text" name="guardian_address" value="{{ old('guardian_address', $student->guardian_address) }}" class="form-control">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-12">
        <div class="shadow-1 radius-12 bg-base h-100 overflow-hidden">
          <div class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
            <h6 class="text-lg fw-semibold mb-0">Medical Details</h6>
          </div>
          <div class="card-body p-20">
            <div class="row gy-3">
              <div class="col-xxl-3 col-xl-4 col-sm-6">
                <div class="">
                  <label for="bloodGroup" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Blood Group</label>
                  <select name="blood_group" id="bloodGroup" class="form-control form-select @error('blood_group') is-invalid @enderror" >
                    <option value="">Select blood group</option>
                    <option value="A+" {{ old('blood_group', $student->blood_group) == 'A+' ? 'selected' : '' }}>A+</option>
                    <option value="A-" {{ old('blood_group', $student->blood_group) == 'A-' ? 'selected' : '' }}>A-</option>
                    <option value="B+" {{ old('blood_group', $student->blood_group) == 'B+' ? 'selected' : '' }}>B+</option>
                    <option value="B-" {{ old('blood_group', $student->blood_group) == 'B-' ? 'selected' : '' }}>B-</option>
                    <option value="AB+" {{ old('blood_group', $student->blood_group) == 'AB+' ? 'selected' : '' }}>AB+</option>
                    <option value="AB-" {{ old('blood_group', $student->blood_group) == 'AB-' ? 'selected' : '' }}>AB-</option>
                    <option value="O+" {{ old('blood_group', $student->blood_group) == 'O+' ? 'selected' : '' }}>O+</option>
                    <option value="O-" {{ old('blood_group', $student->blood_group) == 'O-' ? 'selected' : '' }}>O-</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxl-12">
        <div class="shadow-1 radius-12 bg-base h-100 overflow-hidden">
          <div class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
            <h6 class="text-lg fw-semibold mb-0">Address</h6>
          </div>
          <div class="card-body p-20">
            <div class="row gy-3">
              <div class="col-sm-6">
                <div class="">
                  <label for="currentAddress" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Current Address </label>
                  <input type="text" name="current_address" class="form-control"  id="currentAddress" placeholder="Enter Current Address" value="{{ old('current_address', $student->current_address) }}">
              </div>
              </div>
              <div class="col-sm-6">
                <div class="">
                  <label for="permanentAddress" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Permanent Address </label>
                  <input type="text" name="permanent_address" class="form-control" id="permanentAddress" placeholder="Enter Permanent Address" value="{{ old('permanent_address', $student->permanent_address) }}">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-12">
        <div class="shadow-1 radius-12 bg-base h-100 overflow-hidden">
          <div class="card-header border-bottom bg-base py-16 px-24 d-flex align-items-center justify-content-between">
            <h6 class="text-lg fw-semibold mb-0">Login Details</h6>
          </div>
          <div class="card-body p-20">
            <div class="row gy-3">
              <div class="col-sm-6">
                <div class="">
                  <label for="your-password" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Password <span class="text-danger-600">*</span></label>
                  <div class="position-relative">
                    <input type="password" name="password" id="password" class="form-control @error('password') is-invalid @enderror" placeholder="Enter your password">
                    <span class="toggle-password ri-eye-line cursor-pointer position-absolute end-0 top-50 translate-middle-y me-16 text-secondary-light" data-toggle="#password"></span>
                    @error('password')
                      <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="">
                  <label for="confirm-password" class="text-sm fw-semibold text-primary-light d-inline-block mb-8">Confirm Password <span class="text-danger-600">*</span></label>
                  <div class="position-relative">
                    <input type="password" name="password_confirmation" id="confirm_password" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="Confirm your password">
                    <span class="toggle-password ri-eye-line cursor-pointer position-absolute end-0 top-50 translate-middle-y me-16 text-secondary-light" data-toggle="#confirm_password"></span>
                    @error('password_confirmation')
                      <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="d-flex align-items-center justify-content-center gap-3 mt-8">
          <button type="reset" class="border border-danger-600 bg-hover-danger-200 text-danger-600 text-md px-50 py-11 radius-8">Cancel</button>
          <button type="submit" class="btn btn-primary-600 border border-primary-600 text-md px-28 py-12 radius-8">Save Changes</button>
        </div>
      </div>
    </div>
  </form>
</div>
@include('admin.common-layout.footer')