@extends('backoffice.doctor.layout')

@section('content')
<div class="container-fluid">
   <div class="row">
      <div class="col-sm-12">
         <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
               <div class="iq-header-title">
                  <h4 class="card-title">Paramètres</h4>
               </div>
            </div>
         </div>
      </div>

      <div class="col-sm-6 col-md-4">
         <a href="{{ route('doctor.settings.personal-infos') }}">
            <div class="iq-card">
               <div class="iq-card-body text-center">
                  <div class="doc-profile">
                     <i class="fa fa-id-card" style="font-size: 60px"></i>
                  </div>
                  <div class="iq-doc-info mt-3">
                     <h6>Infos</h6>
                     <h6>Personnelles</h6>
                  </div>
               </div>
            </div>
         </a>
      </div>

      <div class="col-sm-6 col-md-4">
         <a href="{{ route('doctor.settings.password') }}">
            <div class="iq-card">
               <div class="iq-card-body text-center">
                  <div class="doc-profile">
                     <i class="fa fa-lock" style="font-size: 60px"></i>
                  </div>
                  <div class="iq-doc-info mt-3">
                     <h6>Changer</h6>
                     <h6>Mot de passe</h6>
                  </div>
               </div>
            </div>
         </a>
      </div>

      <div class="col-sm-6 col-md-4">
         <a href="{{ route('doctor.meeting-reasons') }}">
            <div class="iq-card">
               <div class="iq-card-body text-center">
                    <div class="doc-profile">
                        <i class="fa fa-comment" style="font-size: 60px"></i>
                    </div>
                    <div class="iq-doc-info mt-3">
                        <h6>Motifs</h6>
                        <h6>de rendez vous</h6>
                    </div>
               </div>
            </div>
         </a>
      </div>

   </div>
</div>
@endsection