@extends('layouts.master')


@section('browserTitle')
@if(isset($_SESSION['logged'])&&($_SESSION['logged']==true))
    @if($_SESSION['role']=='admin')
        @if(isset($clinician->id))
        {{ trans('menu.editClinicians') }}
        @else
        {{ trans('menu.addClinicians') }}
        @endif
    @elseif($_SESSION['role']=='clinician')
    {{ trans('menu.editProfile') }}
    @endif
@endif
@endsection



@section('breadcrumb')
@if(isset($_SESSION['logged'])&&($_SESSION['logged']==true))
    @if($_SESSION['role']=='admin')
        @if(isset($clinician->id))
        <li class="breadcrumb-item"><a href="{{ route('adminIndex') }}">{{ trans('menu.home') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ trans('menu.editClinician') }}</li>
        @else
        <li class="breadcrumb-item"><a href="{{ route('adminIndex') }}">{{ trans('menu.home') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ trans('menu.addClinician') }}</li>
        @endif
    @elseif($_SESSION['role']=='clinician')
        @if(isset($clinician->id))
        <li class="breadcrumb-item"><a href="{{ route('clinicianIndex') }}">{{ trans('menu.home') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ trans('menu.editProfile') }}</li>
        @endif
    @endif
@endif
@endsection


@section('title')
@if(isset($_SESSION['logged'])&&($_SESSION['logged']==true))
    @if($_SESSION['role']=='admin')
        @if(isset($clinician->id))
        {{ trans('menu.editClinician') }}
        @else
        {{ trans('menu.addClinician') }}
        @endif
    @elseif($_SESSION['role']=='clinician')
        @if(isset($clinician->id))
        {{ trans('menu.editProfile') }}
        @endif
    @endif
@endif
@endsection


@section('body')
<!-- Due script diversi come in editPatient -->
@if(($_SESSION['role']=='admin') && !(isset($clinician))) <!-- Caso di creazione da parte dell'admin -->
<script type="text/javascript">
    $(document).ready(function() {
        $("#clinician-form").submit(function(event) {
            // Ottengo i valori dei campi
            var firstname = $("input[name='firstname']").val();
            var lastname = $("input[name='lastname']").val();
            var title = $("input[name='title']").val();
            var workplace = $("input[name='workplace']").val();
            var email = $("input[name='email']").val();
            var password = $("input[name='password']").val();
            var confirmPassword = $("input[name='confirmPassword']").val();
            var passwordRegex = /^(?=.*[0-9])(?=.*[!-\*\[\]\$&\/]).{8,}$/;
            var error = false;

            // Verifica se il campo "confirmPassword" è vuoto
            if (confirmPassword.trim() === "") {
                error = true;
                const cp = __("other.rePassword").toLowerCase();
                $("#invalid-confirmPassword").text(__("msg.requiredField", {field: cp}));
                event.preventDefault(); // Impedisce l'invio del modulo
                $("input[name='confirmPassword']").focus();
            } else {
                $("#invalid-confirmPassword").text("");
            }

            // Verifica se il campo "password" è vuoto o non rispetta la regural expression
            if (password.trim() === "") {
                error = true;
                const pw = __("other.password").toLowerCase();
                $("#invalid-password").text(__("msg.requiredField", {field: pw}));
                event.preventDefault(); // Impedisce l'invio del modulo
                $("input[name='password']").focus();
            } else if(!passwordRegex.test(password)) {
                error = true;
                $("#invalid-password").text(__("msg.invalidPassword"));
                event.preventDefault();
                $("input[name='password']").focus();
            } else {
                $("#invalid-password").text("");
            }

            // Verifica se il campo "email" è vuoto
            if (email.trim() === "") {
                error = true;
                const em = __("other.email").toLowerCase();
                $("#invalid-email").text(__("msg.requiredField", {field: em}));
                event.preventDefault();
                $("input[name='email']").focus();
            } else {
                $("#invalid-email").text("");
            }

            // Verifica se il campo "workplace" è vuoto
            if (workplace.trim() === "") {
                error = true;
                const wp = __("other.workplace").toLowerCase();
                $("#invalid-workplace").text(__("msg.requiredField", {field: wp}));
                event.preventDefault();
                $("input[name='workplace']").focus();
            } else {
                $("#invalid-workplace").text("");
            }

            // Verifica se il campo "title" è vuoto
            if (title.trim() === "") {
                error = true;
                const ti = __("other.title").toLowerCase();
                $("#invalid-title").text(__("msg.requiredField", {field: ti}));
                event.preventDefault();
                $("input[name='title']").focus();
            } else {
                $("#invalid-title").text("");
            }

            // Verifica se il campo "lastname" è vuoto
            if (lastname.trim() === "") {
                error = true;
                const ln = __("other.lastname").toLowerCase();
                $("#invalid-lastname").text(__("msg.requiredField", {field: ln}));
                event.preventDefault();
                $("input[name='lastname']").focus();
            } else {
                $("#invalid-lastname").text("");
            } 

            // Verifica se il campo "firstname" è vuoto
            if (firstname.trim() === "") {
                error = true;
                const fn = __("other.firstname").toLowerCase();
                $("#invalid-firstname").text(__("msg.requiredField", {field: fn}));
                event.preventDefault();
                $("input[name='firstname']").focus();
            } else {
                $("#invalid-firstname").text("");
            }


            if(!error) {
                // Verifica che le password siano state inserite due volte uguali
                if(confirmPassword.trim() !== password.trim())
                    {
                        $("#invalid-confirmPassword").text(__("msg.passwordMismatch"));
                        event.preventDefault();
                        $("input[name='confirmPassword']").focus();
                    } else {
                        $("#invalid-confirmPassword").text("");
                    } 
                
                if(!error) {
                // Verifica mail univoca
                // effettua chiamata AJAX per verificare che l'email dell'utente non sia già presente nel DB
                event.preventDefault(); // Impedisce preventivamente l'invio del modulo prima del controllo
                $.ajax({

                    type: 'GET',

                    url: '/ajaxUser',

                    data: {email: email.trim()},

                    success: function (data) {
                        if (data.found)
                        {
                            error = true;
                            $("#invalid-email").text(__("msg.emailExists"));
                            $("input[name='email']").focus();
                        } else {
                            $("form")[1].submit();
                        }
                    }
                });
                }
            }
        });
    });
</script>
@elseif(isset($clinician)) <!-- Caso di modifica (da parte dell'admin o di un clinician) -->
<script type="text/javascript">
    $(document).ready(function() {
        $("#clinician-form").submit(function(event) {
            // Ottengo i valori dei campi
            var currentEmail = "";
            var firstname = $("input[name='firstname']").val();
            var lastname = $("input[name='lastname']").val();
            var title = $("input[name='title']").val();
            var workplace = $("input[name='workplace']").val();
            var email = $("input[name='email']").val();
            var error = false;

            // Verifica se il campo "email" è vuoto
            if (email.trim() === "") {
                error = true;
                const em = __("other.email").toLowerCase();
                $("#invalid-email").text(__("msg.requiredField", {field: em}));
                event.preventDefault();
                $("input[name='email']").focus();
            } else {
                $("#invalid-email").text("");
            }

            // Verifica se il campo "workplace" è vuoto
            if (workplace.trim() === "") {
                error = true;
                const wp = __("other.workplace").toLowerCase();
                $("#invalid-workplace").text(__("msg.requiredField", {field: wp}));
                event.preventDefault();
                $("input[name='workplace']").focus();
            } else {
                $("#invalid-workplace").text("");
            }

            // Verifica se il campo "title" è vuoto
            if (title.trim() === "") {
                error = true;
                const ti = __("other.title").toLowerCase();
                $("#invalid-title").text(__("msg.requiredField", {field: ti}));
                event.preventDefault();
                $("input[name='title']").focus();
            } else {
                $("#invalid-title").text("");
            }

            // Verifica se il campo "lastname" è vuoto
            if (lastname.trim() === "") {
                error = true;
                const ln = __("other.lastname").toLowerCase();
                $("#invalid-lastname").text(__("msg.requiredField", {field: ln}));
                event.preventDefault();
                $("input[name='lastname']").focus();
            } else {
                $("#invalid-lastname").text("");
            } 

            // Verifica se il campo "firstname" è vuoto
            if (firstname.trim() === "") {
                error = true;
                const fn = __("other.firstname").toLowerCase();
                $("#invalid-firstname").text(__("msg.requiredField", {field: fn}));
                event.preventDefault();
                $("input[name='firstname']").focus();
            } else {
                $("#invalid-firstname").text("");
            }


            if(!error) {
                if (email !== currentEmail) {
                    // Verifica mail univoca anche nella modifica ma solo se viene effettivamente modificata la mail
                    // altrimenti ovvio che esiste già del db
                    event.preventDefault(); // Impedisce preventivamente l'invio del modulo prima del controllo
                    $.ajax({

                        type: 'GET',

                        url: '/ajaxUser',

                        data: {email: email.trim()},

                        success: function (data) {
                            if (data.found)
                            {
                                error = true;
                                $("#invalid-email").text(__("msg.emailExists"));
                                $("input[name='email']").focus();
                            } else {
                                $("form")[0].submit();
                            }
                        }
                    });
                }
            }
        });
    });
</script>
@endif

<div class="row">
    <div class="col-md-12">
    @if(isset($clinician->id)) 
        <!-- update e updateProfile qui sono uguali quindi c'è solo update -->
        <form id="clinician-form" class="form-horizontal" name="clinician" method="post" action="{{ route('clinicians.update', ['clinician' => $clinician->id]) }}">
            @method('PUT') 
    @else
        <form id="clinician-form" class="form-horizontal" name="clinician" method="post" action="{{ route('clinicians.store') }}">
    @endif
    @csrf
        <div class="form-group row mb-3">
            <div class="col-md-2">
                <label for="title">{{ trans('other.firstname') }}</label>
            </div>
            <div class="col-md-10">
                @if(isset($clinician->id))
                    <input class="form-control" type="text" name="firstname" placeholder="{{ trans('other.firstname') }}" value="{{ $clinician->user->firstname }}"/>
                @else
                    <input class="form-control" type="text" name="firstname"/>
                @endif
                <span class="invalid-input" id="invalid-firstname"></span>
            </div>
        </div>
        <div class="form-group row mb-3">
            <div class="col-md-2">
                <label for="title">{{ trans('other.lastname') }}</label>
            </div>
            <div class="col-md-10">
                @if(isset($clinician->id))
                    <input class="form-control" type="text" name="lastname" placeholder="{{ trans('other.lastname') }}" value="{{ $clinician->user->lastname }}"/>
                @else
                    <input class="form-control" type="text" name="lastname"/>
                @endif
                <span class="invalid-input" id="invalid-lastname"></span>
            </div>
        </div>
        <div class="form-group row mb-3">
            <div class="col-md-2">
                <label for="title">{{ trans('other.title') }}</label>
            </div>
            <div class="col-md-10">
                @if(isset($clinician->id))
                    <input class="form-control" type="text" name="title" placeholder="{{ trans('other.title') }}" value="{{ $clinician->title }}"/>
                @else
                    <input class="form-control" type="text" name="title"/>
                @endif
                <span class="invalid-input" id="invalid-title"></span>
            </div>
        </div>
        <div class="form-group row mb-3">
            <div class="col-md-2">
                <label for="title">{{ trans('other.workplace') }}</label>
            </div>
            <div class="col-md-10">
                @if(isset($clinician->id))
                    <input class="form-control" type="text" name="workplace" placeholder="{{ trans('other.workplace') }}" value="{{ $clinician->workplace }}"/>
                @else
                    <input class="form-control" type="text" name="workplace"/>
                @endif
                <span class="invalid-input" id="invalid-workplace"></span>
            </div>
        </div>
        <div class="form-group row mb-3">
            <div class="col-md-2">
                <label for="title">{{ trans('other.email') }}</label>
            </div>
            <div class="col-md-10">
                @if(isset($clinician->id))
                    <input class="form-control" type="text" name="email" placeholder="{{ trans('other.email') }}" value="{{ $clinician->user->email }}"/>
                @else
                    <input class="form-control" type="text" name="email"/>
                @endif
                <span class="invalid-input" id="invalid-email"></span>
            </div>
        </div>
        @if(isset($_SESSION['logged'])&&($_SESSION['logged']==true))
            @if($_SESSION['role']=='admin')
                @if(!isset($clinician->id))
                <div class="form-group row mb-3">
                    <div class="col-md-2">
                        <label for="title">{{ trans('other.password') }}</label>
                    </div>
                    <div class="col-md-10">
                        <input class="form-control" type="password" name="password"/>
                        <span class="invalid-input" id="invalid-password"></span>
                    </div>
                </div>
                <div class="form-group row mb-3">
                    <div class="col-md-2">
                        <label for="title">{{ trans('other.rePassword') }}</label>
                    </div>
                    <div class="col-md-10">
                        <input class="form-control" type="password" name="confirmPassword"/>
                        <span class="invalid-input" id="invalid-confirmPassword"></span>
                        <!-- Qua controllo va fatto in JS, ora è fatto dal controller -->
                    </div>
                </div>
                @endif
            @endif
        @endif
        <div class="form-group row mb-3">
            <div class="col-md-10 offset-md-2">
                <label for="mySubmit" class="my-btn my-blue-btn w-100">{{ trans('btn.save') }}</label>
                <input id="mySubmit" class="d-none" type="submit" value="Save">
            </div>
        </div>
        <div class="form-group row mb-3">
            <div class="col-md-10 offset-md-2">


            
                <a class="my-btn my-red-btn w-100 d-block" href="{{ route('clinicians.index') }}">{{ trans('btn.cancel') }}</a>
            </div>
        </div>
        </form>
    </div>
</div>
@endsection