@extends('layouts.auth')

@section('title')
    Register
@endsection

@section('content')
    <div class="auth-box">
        <div id="loginform">
            <div class="logo">
                <span class="db"><img src="{{asset('assets/images/landing/gestcalendar2.png')}}" alt="logo" width="150" /></span>
                <h5 class="font-medium mb-3">Inscription</h5>
            </div>
            <!-- Form -->
            <div class="row">
                <div class="col-12">
                    <form class="form-horizontal mt-3" id="form1" method="post" action="{{ route('teacher.verify') }}">
                        @csrf
                        @php
                            $form = true;
                        @endphp
                        @if($form)
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="text" class="form-control form-control-lg  @error('matricule') is-invalid @enderror" placeholder="Matricule" aria-label="Matricule" aria-describedby="basic-addon1" id="matricule" name="matricule">

                                @error('matricule')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group text-center">
                                <div class="col-xs-12 pb-3">
                                    <button class="btn btn-block btn-lg btn-info" type="submit">Valider</button>
                                </div>
                            </div>
                            <div class="form-group mb-0 mt-2">
                                <div class="col-sm-12 text-center">
                                    Avez vous déjà un compte? <a href="{{ route('login') }}" class="text-info ml-1"><b>Se connecter</b></a>
                                </div>
                            </div>
                    </form>
                    @endif

                    @if(isset($findMat))
                        <form class="form-horizontal mt-3" id="register" method="POST" action="{{ route('teacher.register') }}">
                            @csrf
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="text" class="form-control form-control-lg" placeholder="Matricule" aria-label="Username" aria-describedby="basic-addon1" name="matricule" value="{{$findMat->matricule}}" readonly>
                            </div>

                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="text" class="form-control form-control-lg" placeholder="Nom" aria-label="Username" aria-describedby="basic-addon1" name="lastname" value="{{$findMat->last_name}}" readonly>
                            </div>

                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="text" class="form-control form-control-lg" placeholder="Prénoms" aria-label="Username" aria-describedby="basic-addon1" name="firstname" value="{{$findMat->first_name}}" readonly>
                            </div>

                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="email" class="form-control form-control-lg @error('email') is-invalid @enderror" placeholder="Adresse mail" aria-label="Username" aria-describedby="basic-addon1" name="email" value="{{$findMat->email}}" required autocomplete="email" autofocus readonly>

                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="tel" class="form-control form-control-lg" placeholder="Téléphone" aria-label="Username" aria-describedby="basic-addon1" name="phone" value="{{$findMat->phone}}" readonly>
                                <input type="hidden" name="student_id" value="{{$findMat->id}}">
                            </div>
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="text"  class="form-control form-control-lg @error('username') is-invalid @enderror" placeholder="Nom d'utilisateur" aria-label="Username" aria-describedby="basic-addon1" name="username" value="{{old('username')}}" required >

                                @error('username')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon2"><i class="ti-pencil"></i></span>
                                </div>
                                <input type="password" class="form-control form-control-lg @error('password') is-invalid @enderror" placeholder="Mot de passe" aria-label="Password" aria-describedby="basic-addon1" name="password" id="password">

                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon2"><i class="ti-pencil"></i></span>
                                </div>
                                <input type="password" class="form-control form-control-lg" placeholder="Confirmer mot de passe" aria-label="Password" aria-describedby="basic-addon1" name="password_confirmation">
                            </div>


                            <div class="form-group text-center">
                                <div class="col-xs-12 pb-3">
                                    <button class="btn btn-block btn-lg btn-info" type="submit">S'inscrire</button>
                                </div>
                            </div>
                        </form>
                        <div class="form-group mb-0 mt-2">
                            <div class="col-sm-12 text-center">
                                Avez vous déjà un compte? <a href="{{ route('login') }}" class="text-info ml-1"><b>Se connecter</b></a>
                            </div>
                        </div>
                    @endif

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

@section('scripts')
    <script>
        var findMat = @json($findMat ?? '');
        if (findMat.id) {
            document.getElementById('form1').className = "d-none";
        }
    </script>
@endsection