@extends('layouts.main')
@section('content')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<style>
   .page-title{font-weight:600;font-size:22px;}
   .custom-card{border-radius:12px;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.05);}
   .btn-save{background:#198754;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:14px;}
   .btn-save:hover{background:#157347;}
</style>
<div class="container-fluid py-4">
   <!-- SUCCESS -->
   @if(session('success'))
   <div class="alert alert-success">{{ session('success') }}</div>
   @endif
   <!-- HEADER -->
   <div class="d-flex justify-content-between align-items-center mb-4">
      <div>
         <h4 class="page-title">
            <i class="bi bi-person-fill text-primary me-2"></i> Edit Profile
         </h4>
         <small class="text-muted">Update your profile information</small>
      </div>
   </div>
   <!-- FORM -->
   <div class="card custom-card">
      <div class="card-body">
         <form action="{{ route('counsellor.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="row g-3">
               <div class="col-md-6">
                  <label class="form-label">First Name</label>
                  <input type="text" name="first_name" class="form-control" value="{{ $user->first_name }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Last Name</label>
                  <input type="text" name="last_name" class="form-control" value="{{ $user->last_name }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Email</label>
                  <input type="email" name="email" class="form-control" value="{{ $user->email }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Mobile Number</label>
                  <input type="text" name="mobile_number" class="form-control" value="{{ $user->mobile_number }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Gender</label>
                  <select name="gender" class="form-control">
                     <option value="">Select Gender</option>
                     <option value="male" {{ $user->gender == 'male' ? 'selected' : '' }}>Male</option>
                     <option value="female" {{ $user->gender == 'female' ? 'selected' : '' }}>Female</option>
                     <option value="other" {{ $user->gender == 'other' ? 'selected' : '' }}>Other</option>
                  </select>
               </div>
               <div class="col-md-6">
                  <label class="form-label">Date of Birth</label>
                  <input type="date" name="date_of_birth" class="form-control" value="{{ $user->date_of_birth }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Blood Group</label>
                  <select name="blood_group" class="form-control">
                     <option value="">Select Blood Group</option>
                     <option value="A+" {{ $user->blood_group == 'A+' ? 'selected' : '' }}>A+</option>
                     <option value="A-" {{ $user->blood_group == 'A-' ? 'selected' : '' }}>A-</option>
                     <option value="B+" {{ $user->blood_group == 'B+' ? 'selected' : '' }}>B+</option>
                     <option value="B-" {{ $user->blood_group == 'B-' ? 'selected' : '' }}>B-</option>
                     <option value="O+" {{ $user->blood_group == 'O+' ? 'selected' : '' }}>O+</option>
                     <option value="O-" {{ $user->blood_group == 'O-' ? 'selected' : '' }}>O-</option>
                     <option value="AB+" {{ $user->blood_group == 'AB+' ? 'selected' : '' }}>AB+</option>
                     <option value="AB-" {{ $user->blood_group == 'AB-' ? 'selected' : '' }}>AB-</option>
                  </select>
               </div>
               <div class="col-md-6">
                  <label class="form-label">City</label>
                  <input type="text" name="city" class="form-control" value="{{ $user->city }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">State</label>
                  <input type="text" name="state" class="form-control" value="{{ $user->state }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Country</label>
                  <input type="text" name="country" class="form-control" value="{{ $user->country }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Pincode</label>
                  <input type="text" name="pincode" class="form-control" value="{{ $user->pincode }}">
               </div>
               <div class="col-md-12">
                  <label class="form-label">Allergies</label>
                  <textarea name="allergies" class="form-control" rows="2">{{ $user->allergies }}</textarea>
               </div>
               <div class="col-md-12">
                  <label class="form-label">Current Medication</label>
                  <textarea name="current_medication" class="form-control" rows="2">{{ $user->current_medication }}</textarea>
               </div>
               <div class="col-md-12">
                  <label class="form-label">Medical History</label>
                  <textarea name="medical_history" class="form-control" rows="2">{{ $user->medical_history }}</textarea>
               </div>
               <div class="col-md-6">
                  <label class="form-label">New Password (leave blank to keep current)</label>
                  <input type="password" name="password" class="form-control" placeholder="Enter new password">
               </div>
            </div>
            <div class="mt-4 d-flex justify-content-end gap-2">
               <a href="{{ route('counsellor.profile') }}" class="btn btn-secondary">Cancel</a>
               <button type="submit" class="btn-save">
                  <i class="bi bi-check-circle"></i> Update Profile
               </button>
            </div>
         </form>
      </div>
   </div>
</div>
@endsection