@extends('layouts.master')


@section('browserTitle')
{{ trans('menu.editAdmin') }}
@endsection



@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('adminIndex') }}">{{ trans('menu.home') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('menu.editProfile') }}</li>
@endsection


@section('title')
{{ trans('menu.editProfile') }}
@endsection


@section('body')
<!-- Due script diversi come in editPatient -->
<!-- Per admin esiste solo il caso di modifica profilo (creazione si fa con registraz) -->
<script type="text/javascript">
    $(document).ready(function() {
        $("#admin-form").submit(function(event) {
            // Ottengo i valori dei campi
            var currentEmail = "";
            var firstname = $("input[name='firstname']").val();
            var lastname = $("input[name='lastname']").val();
            var email = $("input[name='email']").val();
            var error = false;

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

            // Verifica se il campo "lastname" è vuoto
            if (lastname.trim() === "") {
                error = true;
                const ln = __("login.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 = __("login.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;
                                const em = __("login.email").toLowerCase();
                                $("#invalid-email").text(__("msg.alreadyExists", {field: em}));
                                $("input[name='email']").focus();
                            } else {
                                $("form")[0].submit();
                            }
                        }
                    });
                }
            }
        });
    });
</script>


<div class="row">
    <div class="col-md-12">
        <form id="admin-form" class="form-horizontal" name="admin" method="post" action="{{ route('admins.update', ['admin' => $admin->id]) }}">
            @method('PUT') 
        @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">
                    <input class="form-control" type="text" name="firstname" placeholder="{{ trans('other.firstname') }}" value="{{ $admin->user->firstname }}"/>
                    <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">
                    <input class="form-control" type="text" name="lastname" placeholder="{{ trans('other.lastname') }}" value="{{ $admin->user->lastname }}"/>
                    <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.email') }}</label>
            </div>
            <div class="col-md-10">
                    <input class="form-control" type="text" name="email" placeholder="{{ trans('other.email') }}" value="{{ $admin->user->email }}"/>
                    <span class="invalid-input" id="invalid-email"></span>
            </div>
        </div>

        
        <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('admins.show', ['admin' => $_SESSION['loggedID']]) }}" role="button">{{ trans('btn.cancel') }}</a>
            </div>
        </div>
        </form>
    </div>
</div>
@endsection