@extends('layouts.app')

@section('title')
{{-- Le nom de la page: Le nom que le navigateur affichera --}}
Modifier un Etudiant
@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 --}}
Etudiants
@endsection


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

<div class="row">
    <div class="col-lg-12">

        <div class="card ">

            <div class="form-body">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title">Modifier un étudiant</h4>
                        <div class="d-flex">
                            <button type="button" class="btn waves-effect waves-light btn-outline-primary" id="edit">
                                Modifier
                            </button>
                            {{-- <form action="{{route('student.destroy', $student->id)}}" method="post">
                            @csrf
                            @method('delete')

                            </form> --}}

                            <button data-toggle="modal" data-target="#exampleModal" id="delBtn" type="button"
                                class="btn waves-effect waves-light btn-outline-danger" style="margin-left: 8px;"
                                id="delete">
                                Supprimer
                            </button>
                        </div>
                    </div>
                </div>
                <hr class="mt-0 mb-5">
                <form action="{{ route('student.update', $student->id) }}" class="form-horizontal" method="post">
                    @method('PUT')
                    @csrf
                    <div class="card-body">
                        <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">Prénoms</label>

                                            <div class="col-md-9">

                                                <input type="text" disabled value="{{ $student->first_name }}"
                                                    class="form-control @error('first_name') is-invalid @enderror is-editable"
                                                    placeholder="John" name="first_name">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Noms</label>
                                            <div class="col-md-9">
                                                <input type="text" disabled name="last_name"
                                                    value="{{ $student->last_name }}"
                                                    class="form-control is-editable  @error('last_name') is-invalid @enderror"
                                                    placeholder="Doe">
                                            </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="{{ $student->email }}" name="email"
                                                    class="form-control is-editable @error('email') is-invalid @enderror"
                                                    placeholder="Doe">
                                                @error('email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="hidden" name="inscription[entity_id]" value="{{$entity->id}}">
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Filières</label>
                                            <div class="col-md-9">

                                                <select class="form-control custom-select is-editable"
                                                    name="inscription[filiere_id]" data-placeholder="Choose a Category"
                                                    tabindex="1" disabled>
                                                    <option value="{{ $student->inscriptions[0]->filiere->id }}"
                                                        selected="selected">
                                                        {{ $student->inscriptions[0]->filiere->name }}
                                                        {{ $student->inscriptions[0]->filiere->level }}
                                                    </option>
                                                    @foreach($filieres as $filiere)
                                                    @if($filiere->id == $student->inscriptions[0]->filiere->id)
                                                    continue
                                                    @else
                                                    <option value="{{ $filiere->id }}">{{ $filiere->name }}
                                                        {{ $filiere->level }}</option>
                                                    @endif
                                                    @endforeach
                                                </select>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="control-label text-right col-md-3">Matricule</label>
                                            <div class="col-md-9">
                                                <input disabled value="{{ $student->matricule }}" type="text"
                                                    class="form-control is-editable @error('matricule') is-invalid @enderror"
                                                    placeholder="10207845">
                                                @error('matricule')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <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 type="text" disabled name="phone" value="{{ $student->phone }}"
                                                    class="form-control is-editable @error('phone') is-invalid @enderror"
                                                    placeholder="+229 98000000">
                                            </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>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Suppression d'étudiant</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <form id="delForm" action="{{route('student.destroy', $student->id)}}" method="post">
                    @csrf
                    @method('delete')
                    <div class="modal-body">
                        Vous êtes sur le point de supprimer un
                        étudiant. Veuillez confirmer ou abandonner.

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abandonner</button>
                        <button type="submit" class="btn btn-danger waves-effect waves-light">Supprimer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


</div>
@endsection

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