@extends('layouts.app')

@section('title')
{{-- Le nom de la page: Le nom que le navigateur affichera --}}
Mon profil
@endsection

@section('head')
{{-- Pour ajouter des css ou des balises dans la section head --}}
<style>
    #edit-block {
        display: none;
    }

    #edit:disabled {
        cursor: not-allowed;
    }

    .card {
        border-radius: 8px;
    }
</style>
@endsection

@section('content-title')
{{-- Le titre du contenu qui a gauche en haut dans le content --}}

@endsection


@section('content')
{{-- Le contenu de la page --}}

<div class="row">
    <div class="col-lg-8 offset-2">

        <div class="card ">

            <div class="form-body">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title">PROFIL</h4>
                        {{-- <div class="d-flex">
                            <button type="button" class="btn waves-effect waves-light btn-outline-primary" id="edit">
                                Modifier
                            </button>
                        </div> --}}
                    </div>
                </div>
                <hr class="mt-0 mb-5">
                <form class="form-horizontal" method="post">
                    {{-- @method('PUT') --}}
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <img class="ml-auto mr-auto mb-5" style="border-radius: 25px;width: 10%;height: auto "
                                src="
                                  @if (session('cheminPhoto') != null)
                                      @if (session('type') == 0)
                                          https://progiciel.geststudent.net/Inscription/{{session('cheminPhoto')}}
                                      @else 
                                         https://progiciel.geststudent.net/Admin/{{session('cheminPhoto')}}
                                      @endif
                                   @else
                                   {{asset('assets/avatars/user.jpg')}}
                                  @endif

                        
                                " alt="image de profil">

                                   
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Nom</label>
                                            <div class="col-md-9">
                                                <input type="text" disabled name="last_name"
                                                    value="{{ $user["lastname"] }}"
                                                    class="form-control" 
                                                    placeholder="Doe" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Prénoms</label>
                                            <div class="col-md-9">
                                                <input type="text" disabled value="{{ $user["firstname"] }}"
                                                    class="form-control  
                                                    placeholder="John" name="first_name" required>
                                            </div>
                                        </div>
                                    </div>
                               
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Email</label>
                                            <div class="col-md-9">
                                                <input disabled type="email" value="{{ $user["email"] }}" name="email"
                                                    class="form-control"  
                                                    placeholder="Doe" required>
                                               
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Téléphone</label>
                                            <div class="col-md-9">
                                                <input name="phone" disabled value="{{ $user["phone"] }}" type="tel"
                                                    minlength="8" maxlength="13" pattern="^\+*(?:[0-9]●?){6,14}[0-9]$"
                                                    class="form-control is-editable"  
                                                    placeholder="22961000" required>
                                              
                                            </div>
                                        </div>
                                    </div>
                                    @if(session('type') == 0)
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Filière</label>
                                            <div class="col-md-9">
                                                <input name="phone" class="form-control" disabled value="{{ $entity['intitule'] }}" >
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            {{-- <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Mot de passe</label>
                                            <div class="col-md-9">
                                                <input name="password" disabled type="password"
                                                    minlength="8" maxlength="13"
                                                    class="form-control is-editable @error('password') is-invalid @enderror"
                                                    placeholder="Mot de passe">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Confirmation du Mot de passe</label>
                                            <div class="col-md-9">
                                                <input name="password_confirmation" disabled type="password"
                                                    minlength="8" maxlength="13"
                                                    class="form-control is-editable"
                                                    placeholder="Confirmation Mot de passe">
                                                @error('password')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}

                        </div>
                    </div>
                    <hr>
                    {{-- <div class="form-actions">
                        <div class="card-body">
                            <div class="text-right" id="edit-block">
                                <button type="button" class="btn waves-effect waves-light btn-outline-secondary"
                                    id="abort">
                                    Abandonner
                                </button>
                                <button type="submit" class="btn waves-effect waves-light btn-outline-success"
                                    id="validate">
                                    Valider
                                </button>
                            </div>
                        </div>
                    </div> --}}
            </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
{{-- Ajouter de nouveau script a votre page --}}
<script src="{{asset('assets/scripts/ressources-edit.js')}}"></script>
@endsection