@extends('backoffice.doctor.layout')

@section('content')
   <div class="iq-card">
      <div class="iq-card-header d-flex justify-content-between">
         <div class="iq-header-title">
            <h4 class="card-title">Informations Personnelles </h4>
         </div>
      </div>
      <div class="iq-card-body">
         <form action="{{route('doctor.settings.personal-infos.update')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group row align-items-center">
               <div class="col-md-12">
                  <div class="profile-img-edit">
                     <img class="profile-pic" src="{{ asset( auth()->user()->avatar ?? 'assets/backoffice/images/user/11.png') }}" alt="profile-pic">
                     <input class="avatar" name="avatar" type="file" accept="image/*">
                  </div>
               </div>
            </div>
            <div class=" row align-items-center">
               <div class="form-group col-sm-6">
                  <label for="first_name">Prénom:</label>
                  <input type="text" class="form-control" id="first_name" name="first_name" value="{{ auth()->user()->first_name ?? '' }}">
               </div>
               <div class="form-group col-sm-6">
                  <label for="last_name">Nom:</label>
                  <input type="text" class="form-control" id="last_name" name="last_name" value="{{ auth()->user()->last_name ?? '' }}">
               </div>
               <div class="form-group col-sm-6">
                  <label for="email">Email:</label>
                  <input type="email" class="form-control" id="email" name="email" value="{{ auth()->user()->email ?? ''}}">
               </div>
               <div class="form-group col-sm-6">
                  <div class="row">
                     <div class="form-group col-md-4 mb-0">
                        <label for="country_code">Indicatif</label>
                        <select  class="form-control w-100"  name="country_code" required id="country_code">
                           @foreach (Countries() as $pays)
                           <option value="{{"+".$pays->country_code}}" @if (user()->country_code == "+221" OR (user()->country_code == null && $pays->country_code == "+221")) selected @endif>{{"+".$pays->country_code." ".$pays->name}}</option>
                           @endforeach
                        </select>
                     </div>
                     <div class="form-group col-md-7 mb-0">
                        <label for="suffix_phone">Téléphone</label>
                        <input type="tel" value="{{ auth()->user()->suffix_phone ?? '' }}" name="suffix_phone"  class="form-control" id="suffix_phone">
                     </div>
                  </div>
               </div>
               <div class="form-group col-sm-6">
                  <label for="matricule">Matricule:</label>
                  <input type="text" class="form-control" id="matricule" name="matricule" value="{{ auth()->user()->doctor->matricule ?? '' }}">
               </div>
               <div class="form-group col-sm-6">
                  <label for="cni_number">CNI:</label>
                  <input type="number" class="form-control" id="cni_number" name="cni_number" value="{{ auth()->user()->doctor->cni_number ?? '' }}">
               </div>
               <div class="form-group col-sm-6">
                  <label for="passport_number">Passport:</label>
                  <input type="text" class="form-control" id="passport_number" name="passport_number" value="{{ auth()->user()->doctor->passport_number ?? ''}}">
               </div>
            </div>
            <a href="{{ route('doctor.settings') }}" class="btn iq-bg-danger">Retour</a>
            <button type="submit" class="btn btn-primary mr-2">Enregistrer</button>
         </form>
      </div>
   </div>
@endsection