@extends('AdminPanel.layouts.main')
@section('main-section')
    <div class="container">
        <div class="container-fluid">
            <div class="mt-4 ">
                <h2>Membres ASFI</h2>
                <div aria-label="breadcrumb mt-5">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item" aria-current="page">Membres </li>
                        <li class="breadcrumb-item active">Détails </li>
                        <div class="d-flex ms-auto">
                            <a class="btn btn-primary " href="{{ route('list_membres') }}"><i class="fa fa-rotate-right" aria-hidden="true"></i> Retour à la liste</a>
                        </div>
                    </ol>
                </div>
            </div>
            <div class="mt-4">
                <form class="card" style="width:90%;" id="proForm" action="#" method="POST"
                    enctype="multipart/form-data">
                    <div class="card-header">
                        <div class="d-flex">
                            <h4 class="">Détails d'un membre</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            @csrf

                            <div class="row border-bottom border-2 m-auto mt-3">
                                <div class="col mb-2  mx-auto">
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label for="" class="form-label"><b> Numéro ASFI</b></label>
                                            <input type="text" class="form-control" name="num_asfi"
                                                value="{{ $pro->num_asfi }}" readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="" class="form-label"><b> Date d’adhésion </b></label>
                                            <input type="date" class="form-control" name="date_adhesion"
                                                   value="{{ $pro->date_adhesion }}"  readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Nom de section  </b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="section_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($sections as $item)
                                                            @if ($pro->section_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_sess }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_sess }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><b>Numéro d’ordre de sages-femmes </b> </label>
                                            <input type="number" name="num_ordre" value="{{ $pro->num_ordre }}"
                                                   class="form-control"  readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Nom</b></label>
                                            <input type="text" class="form-control" name="nom"
                                                   value="{{ $pro->nom }}"  readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Prénoms </b> </label>
                                            <input type="text" class="form-control" name="prenoms"
                                                   value="{{ $pro->prenoms }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Date de naissance </b></label>
                                            <input type="date" class="form-control" name="date_naisse"
                                                   value="{{ $pro->date_naisse }}" readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Lieu de naissance</b>   </label>
                                            <input type="text" class="form-control" name="lieu_naisse"
                                                   value="{{ $pro->lieu_naisse }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Nationalité</b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="nation_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($nation as $item)
                                                            @if ($pro->nation_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_nat }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_nat }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="text-danger fst-italic lh-1">* @error('nation_id'){{ $message }} @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Civilité</b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="civilite" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                            @if ($pro->civilite == "Madame")
                                                            <option selected value="Madame">Madame</option>
                                                            @elseif ($pro->civilite == "Mademoiselle")
                                                            <option selected value="Mademoiselle">Mademoiselle</option>
                                                            @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><i class="fas fa-phone-alt"></i> <b>Téléphone</b>> </label>
                                            <input type="text" name="tel" value="{{ $pro->tel }}"
                                                   class="form-control" readonly>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><i class="fas fa-envelope"></i> <b>Email</b></label>
                                            <input type="email" name="email" value="{{ $pro->email }}"
                                                   class="form-control" readonly >
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-12">
                                            <label class="form-label"><b>Ville/Commune de résidence</b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="ville_resid_id" disabled >
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($villes as $item)
                                                            @if ($pro->ville_resid_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_ville }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_ville }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Région</b>> </label>
                                            <div class="input-group">
                                                <select class="form-select" name="region_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($regions as $item)
                                                            @if ($pro->region_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_reg }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_reg }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label"><b>District sanitaire </b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="district_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($districts as $item)
                                                            @if ($pro->district_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_dist }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_dist }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Ville d'exercice </b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="ville_exerce_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($villes as $item)
                                                            @if ($pro->ville_exerce_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_ville }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_ville }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><b>Quartier ou village d’exercice</b> </label>
                                            <input type="text" name="quart_village" value="{{ $pro->quart_village }}"
                                                   class="form-control" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Je suis en</b> </label>
                                            <div class="input-group">
                                                <select class="form-select" name="statut_emploi" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                        @if ($pro->statut_emploi == "Je suis en service dans une maternité")
                                                            <option selected value="Je suis en service dans une maternité">Je suis en service dans une maternité</option>
                                                        @elseif ($pro->statut_emploi == "Je suis en service dans un bureau")
                                                            <option selected value="Je suis en service dans un bureau">Je suis en service dans un bureau</option>
                                                        @elseif ($pro->statut_emploi == "Je suis en fonction")
                                                            <option selected value="Je suis en fonction">Je suis en fonction</option>
                                                        @else ($pro->statut_emploi == "Je suis en instance d’affectation")
                                                            <option selected value="Je suis en instance d’affectation">Je suis en instance d’affectation</option>
                                                        @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><b>Nom du LIEU D’EXERCICE</b> </label>
                                            <input type="text" name="nom_lieu_exe" value="{{ $pro->nom_lieu_exe }}"
                                                   class="form-control" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Promotion</b></label>
                                            <input type="text" class="form-control" name="promotion"
                                                   value="{{ $pro->promotion }}"  readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Ecole </b> </label>
                                            <input type="text" class="form-control" name="ecole"
                                                   value="{{ $pro->ecole }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label class="form-label"><b>Spécialité </b> </label>
                                            <div class="input-group">
                                                <select class="form-select" name="specialite_id" disabled>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($specialites as $item)
                                                            @if ($pro->specialite_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_spec }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_spec }}
                                                                </option>
                                                            @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <label for="" class="form-label"><b>Ville de l’école</b>  </label>
                                            <input type="text" name="ville_ecole" value="{{ $pro->ville_ecole }}"
                                                   class="form-control" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-12">
                                            <label for="" class="form-label"> <b>Lieu d’exercice précédent </b></label>
                                            <input type="text" class="form-control" name="lieu_exerce_prec"
                                                   value="{{ $pro->lieu_exerce_prec }}" readonly>
                                        </div>

                                    </div>




                                    <div class="row mb-2">
                                        <div class="col-md-12 mb-2">
                                            <label for="" class="form-label"><i class="fas fa-info-circle"></i> <b>Autres compétences (pas dans la santé) </b></label>
                                            <textarea class="form-control" rows="3" readonly
                                                name="autre_competence">{{ $pro->autre_competence }}</textarea>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-4 mx-auto mb-2 ps-2 border-start">
                                    @if (!empty($pro->photo))
                                        <div class="mb-2">
                                            <label for="" class="form-label">Photo du membre</label>
                                            <img class="form-control"
                                                src="{{ asset('storage/membres/' . $pro->photo) }}" width="150" alt="Error">
                                        </div>
                                    @endif

                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection