@extends('layouts.candidate.main')

@section('style')
    <!-- This page CSS -->
    <link href="{{ asset('assets/libs/jquery-steps/jquery.steps.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/libs/jquery-steps/steps.css') }}" rel="stylesheet">

    <style>
        .tags-input-wrapper {
            background: transparent;
            padding: 10px;
            border-radius: 4px;
            max-width: 400px;
            border: 1px solid #ccc
        }

        .tags-input-wrapper input {
            border: none;
            background: transparent;
            outline: none;
            width: 140px;
            margin-left: 8px;
        }

        .tags-input-wrapper .tag {
            display: inline-block;
            background-color: #fa0e7e;
            color: white;
            border-radius: 40px;
            padding: 0px 3px 0px 7px;
            margin-right: 5px;
            margin-bottom: 5px;
            box-shadow: 0 5px 15px -2px rgba(250, 14, 126, .7)
        }

        .tags-input-wrapper .tag a {
            margin: 0 7px 3px;
            display: inline-block;
            cursor: pointer;
        }
    </style>
@endsection

@section('content')
    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="page-breadcrumb border-bottom">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-xs-12 justify-content-start d-flex align-items-center">
                    <h5 class="font-weight-medium text-uppercase mb-0">
                        @isset($candidature)
                            Edition du dossier de candidature
                        @else
                            Formulaire de soumission de candidature
                        @endisset
                    </h5>
                </div>
                <div
                    class="col-lg-8 col-md-8 col-xs-12 d-flex justify-content-start justify-content-md-end align-self-center">
                    <nav aria-label="breadcrumb" class="mt-2">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="{{ route('candidate.index') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">
                                @isset($candidature)
                                    Edition
                                @else
                                    Soumission
                                @endisset
                            </li>
                        </ol>
                    </nav>
                    {{-- <button class="btn btn-danger text-white ms-3 d-none d-md-block">Buy Ample Admin</button> --}}
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <!-- -------------------------------------------------------------- -->
        <!-- Container fluid  -->
        <!-- -------------------------------------------------------------- -->
        <div class="container-fluid page-content">
            <!-- -------------------------------------------------------------- -->
            <!-- Start Page Content -->
            <!-- -------------------------------------------------------------- -->
            <div class="row">
                <div class="col-12">
                    <div class="d-flex justify-content-between mb-2">
                        <button
                            type="button"
                            class="btn fw-bold"
                            onclick="history.back()"
                        >
                            <h5>
                                <i class="fas fa-arrow-left"></i> <span class="mx-2">Retour</span>
                            </h5>
                        </button>
                        @isset($candidature)
                            @isset($suggestions)
                                @if($candidature->status == "en_cours" && count($suggestions) > 0)
                                    <button
                                        type="button"
                                        class="btn btn-danger fw-bold"
                                        data-bs-toggle="modal"
                                        data-bs-target="#suggestions-modal"
                                    >
                                        <i class="fas fa-exclamation-circle"></i>
                                        Suggestions
                                    </button>
                                @endif
                            @endisset
                        @endisset
                    </div>

                    @isset($candidature)
                        @isset($suggestions)
                            <!-- Vertically centered modal -->
                            <div class="modal fade" id="suggestions-modal" tabindex="-1" aria-labelledby="vertical-center-modal" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                                    <div class="modal-content">
                                        <div class="modal-header d-flex align-items-center">
                                            <h4 class="modal-title" id="myLargeModalLabel"> Recommendations et suggestions</h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            @php $i = 1;@endphp
                                            @foreach ($suggestions as $suggestion)
                                                <h4>Suggestion N°{{ $i }}</h4>
                                                <p>
                                                    <small class="text-muted">
                                                        <i class="fas fa-clock"></i>
                                                        Fait le {{ $suggestion->created_at }}
                                                    </small>
                                                </p>
                                                <p>{{ $suggestion->content }}</p>
                                                @if($suggestion->filename)
                                                    <div class="mb-3 p-2 d-flex flex-column align-items-center mt-3">
                                                        <i class="mdi mdi-file-pdf mdi-48px text-danger"></i>
                                                        {{-- <p class="card-title mt-3">Suggestion</p> --}}
                                                        <button
                                                            type="button"
                                                            class="btn btn-light-success text-success btn-lg px-4 fs-4 font-weight-medium"
                                                            id="openPdfButton_suggestion-{{ $suggestion->id }}"
                                                            data-pdf="{{ config('app.aws_url') . $suggestion->filename }}"
                                                        >
                                                            Lire
                                                        </button>
                                                    </div>
                                                @endif
                                                <hr>
                                                @php $i++;@endphp
                                            @endforeach
                                        </div>
                                        <div class="modal-footer">
                                            <button
                                                type="button"
                                                class="btn btn-light-danger text-danger font-weight-medium waves-effect text-start"
                                                data-bs-dismiss="modal"
                                            >
                                                Fermer
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endisset
                    @endisset

                    <div class="modal fade" id="pdfModal" tabindex="-1" aria-labelledby="pdfModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-fullscreen">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title h4" id="pdfModalLabel">Visualiseur PDF</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <iframe id="pdfViewer" width="100%" height="500"></iframe>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light-danger text-danger font-weight-medium" data-bs-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="border-bottom title-part-padding">
                            <h4 class="card-title mb-0">Candidature - Etape 0/14 : <span class="text-success">Renseignements
                                    sur la candidature au CAMES</span> </h4>
                        </div>
                        <div class="card-body wizard-content">
                            <h6 class="card-subtitle mb-3"></h6>

                            @isset($candidature)
                                <form method="POST" action="{{ url('/candidature/update') }}" class="">
                                @method('PATCH')
                            @else
                                <form method="POST" action="{{ url('/candidature') }}" class="">
                            @endisset
                                    @csrf
                                    <!-- Step 0 -->
                                    <section>
                                        <div class="my-2">
                                            <fieldset>
                                                {{-- <h2 class="text-center text-success mt-2 mb-5 mx-auto">Renseignements sur la candidature au CAMES</h2> --}}
                                                <div class="row">
                                                    @isset($candidature)
                                                    <input type="number" class="form-control" name="id"
                                                    value="{{ $candidature->id }}" hidden>
                                                    @endisset
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="type_candidature">Type de candidature : <span
                                                                    class="text-danger">*</span></label>
                                                            <select
                                                                class="form-select"
                                                                id="type_candidature"
                                                                name="type"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                                <option value="" disabled>Sélectionnez un type de
                                                                    candidature</option>
                                                                <option value="cci"
                                                                    @isset($candidature)
                                                                        @if ($candidature->type_candidature == 'cci')
                                                                            selected
                                                                        @endif
                                                                    @endisset
                                                                >
                                                                    CCI
                                                                </option>
                                                                <option value="sjpeg"
                                                                    @isset($candidature)
                                                                        @if ($candidature->type_candidature == 'sjpeg')
                                                                            selected
                                                                        @endif
                                                                    @endisset
                                                                >
                                                                    Agrégation SJPEG
                                                                </option>
                                                                <option value="mpomvpa"
                                                                    @isset($candidature)
                                                                        @if ($candidature->type_candidature == 'mpomvpa')
                                                                            selected
                                                                        @endif
                                                                    @endisset
                                                                >
                                                                    Agrégation MPOMVPA
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="specialite">Spécialité : <span
                                                                    class="text-danger">*</span></label>
                                                            <input
                                                                type="text"
                                                                class="form-control"
                                                                id="specialite"
                                                                name="specialite"
                                                                @isset($candidature)
                                                                    value="{{ $candidature->specialite }}"
                                                                @endisset
                                                                placeholder="Quelle est votre spécialité ?"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                            @error('specialite')
                                                                <p class="text-danger">{{ $message }}</p>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="css">Comité Scientifique Sectoriel : <span
                                                                    class="text-danger">*</span></label>
                                                            <select
                                                                class="form-select"
                                                                id="css"
                                                                name="css"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                                <option value="" disabled>Sélectionnez la section de
                                                                    votre commité CSS</option>

                                                                @foreach ($sections['css'] as $section)
                                                                    <option value="{{ $section->value }}"
                                                                        @isset($candidature)
                                                                            @if ($candidature->CSS == $section->value)
                                                                                selected
                                                                            @endif
                                                                        @endisset
                                                                    >
                                                                        {{ $section->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="cts">Comité Technique Spécialisé : <span
                                                                    class="text-danger">*</span></label>
                                                            <select
                                                                class="form-select"
                                                                id="cts"
                                                                name="cts"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                                <option value="" disabled>Sélectionnez la section de
                                                                    votre commité CTS</option>

                                                                @foreach ($sections['cts'] as $section)
                                                                    <option value="{{ $section->value }}"
                                                                        @isset($candidature)
                                                                            @if ($candidature->CTS == $section->value)
                                                                                selected
                                                                            @endif
                                                                        @endisset
                                                                    >
                                                                        {{ $section->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="grade_cames_actuel">Grade CAMES actuel : <span
                                                                    class="text-danger">*</span></label>
                                                            <select
                                                                class="form-select"
                                                                id="grade_cames_actuel"
                                                                name="grade_cames_actuel"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                                <option value="" disabled>Sélectionnez le grade que
                                                                    vous occupez actuellement au CAMES</option>

                                                                @foreach ($grades as $grade)
                                                                    <option value="{{ $grade->value }}"
                                                                        @isset($candidature)
                                                                            @if ($candidature->grade_cames_actuel == $grade->value)
                                                                                selected
                                                                            @endif
                                                                        @endisset
                                                                    >
                                                                        {{ $grade->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <label for="grade_cames_postule">Grade CAMES postulé : <span
                                                                    class="text-danger">*</span></label>
                                                            <select
                                                                class="form-select"
                                                                id="grade_cames_postule"
                                                                name="grade_cames_postule"
                                                                required
                                                                @isset($candidature)
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @endisset
                                                            >
                                                                <option value="" disabled>Sélectionnez le grade auquel
                                                                    vous postulez au CAMES</option>

                                                                @foreach ($grades as $grade)
                                                                    <option value="{{ $grade->value }}"
                                                                        @isset($candidature)
                                                                            @if ($candidature->grade_cames_postule == $grade->value)
                                                                                selected
                                                                            @endif
                                                                        @endisset
                                                                    >
                                                                        {{ $grade->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="mb-3">
                                                            <div class="form-check">
                                                                <input class="form-check-input" type="checkbox"
                                                                    id="deja_candidat" name="deja_candidat"
                                                                    onchange="showOrHideInput()"
                                                                    @isset($candidature)
                                                                        @if ($candidature->nombre_candidature > 0)
                                                                            checked
                                                                        @endif
                                                                        @isset($suggestions)
                                                                            @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                                disabled
                                                                            @endif
                                                                        @endisset
                                                                    @endisset
                                                                >
                                                                <label class="form-check-label" for="deja_candidat">
                                                                    Avez-vous déjà été candidat à ce grade ?
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="mb-3" id="isAlreadyCandidate"
                                                            @isset($candidature)
                                                                @if ($candidature->nombre_candidature == 0)
                                                                    hidden
                                                                @endif
                                                            @else
                                                                hidden
                                                            @endisset
                                                        >
                                                            <label for="nombre_candidature">Entrez le nombre de fois :
                                                                <span class="danger">*</span></label>
                                                            <input
                                                                type="number"
                                                                class="form-control"
                                                                id="nombre_candidature"
                                                                name="nombre_candidature"
                                                                @isset($candidature)
                                                                    value="{{ $candidature->nombre_candidature }}"
                                                                    @isset($suggestions)
                                                                        @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                                            disabled
                                                                        @endif
                                                                    @endisset
                                                                @else
                                                                    value="0"
                                                                @endisset
                                                                min="0"
                                                            >
                                                        </div>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <hr>
                                    </section>

                                    <div class="d-flex justify-content-end">
                                        <button
                                            type="submit"
                                            class="btn px-4 rounded-pill btn-info ml-auto"
                                            style="margin-right: 10px;"
                                            @isset($candidature)
                                                @isset($suggestions)
                                                    @if($candidature->status == "en_attente" || ($candidature->status == "en_cours" && count($suggestions) == 0))
                                                        disabled
                                                    @endif
                                                @endisset
                                            @endisset
                                        >
                                            Enregistrer
                                        </button>
                                        @isset($candidature)
                                            <a
                                                href="{{ route('candidate.get_step1') }}"
                                                type="button"
                                                class="btn px-4 rounded-pill btn-primary d-flex flex-column justify-content-center"
                                            >
                                                {{-- Suivant --}}
                                                <i class="icon-arrow-right-circle"></i>
                                            </a>
                                        @endisset
                                    </div>
                                </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- -------------------------------------------------------------- -->
            <!-- End PAge Content -->
            <!-- -------------------------------------------------------------- -->
        </div>
        <!-- -------------------------------------------------------------- -->
        <!-- End Container fluid  -->
        <!-- -------------------------------------------------------------- -->
    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/libs/jquery-steps/build/jquery.steps.min.js') }}"></script>
    <script src="{{ asset('assets/libs/jquery-validation/dist/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/libs/jquery.repeater/jquery.repeater.min.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/jquery.repeater/repeater-init.js') }}"></script>

    <script>
        function showOrHideInput() {
            let deja_candidat = $('#deja_candidat')[0].checked;
            if (deja_candidat) {
                $('#isAlreadyCandidate')[0].hidden = false;
                $('#nombre_candidature')[0].value = "1";
            } else {
                $('#isAlreadyCandidate')[0].hidden = true;
                $('#nombre_candidature')[0].value = "0";
            }
        }
    </script>

    <script>
        @isset($suggestionsIds)
            let suggestionsIds = @json($suggestionsIds, JSON_PRETTY_PRINT);
            suggestionsIds.forEach(element => {
                $('#openPdfButton_suggestion-'+ element).on("click", (event) => {
                    event.preventDefault();
                    console.log(element);

                    const file = $('#openPdfButton_suggestion-'+ element)[0].dataset.pdf;

                    const pdfPath = file;
                    const pdfViewer = document.getElementById("pdfViewer");
                    pdfViewer.src = `${pdfPath}`;
                    openPdfModal();
                });
            });
        @endisset

        function openPdfModal() {
            const pdfModal = new bootstrap.Modal(document.getElementById("pdfModal"));
            pdfModal.show();
        }
    </script>

    {{-- <script>

        // Plugin Constructor
        var TagsInput = function(opts){
            this.options = Object.assign(TagsInput.defaults , opts);
            this.init();
        }

        // Initialize the plugin
        TagsInput.prototype.init = function(opts){
            this.options = opts ? Object.assign(this.options, opts) : this.options;

            if(this.initialized)
                this.destroy();

            if(!(this.orignal_input = document.getElementById(this.options.selector)) ){
                console.error("tags-input couldn't find an element with the specified ID");
                return this;
            }

            this.arr = [];
            this.wrapper = document.createElement('div');
            this.input = document.createElement('input');
            init(this);
            initEvents(this);

            this.initialized =  true;
            return this;
        }

        // Add Tags
        TagsInput.prototype.addTag = function(string){

            if(this.anyErrors(string))
                return ;

            this.arr.push(string);
            var tagInput = this;

            var tag = document.createElement('span');
            tag.className = this.options.tagClass;
            tag.innerText = string;

            var closeIcon = document.createElement('a');
            closeIcon.innerHTML = '&times;';

            // delete the tag when icon is clicked
            closeIcon.addEventListener('click' , function(e){
                e.preventDefault();
                var tag = this.parentNode;

                for(var i =0 ;i < tagInput.wrapper.childNodes.length ; i++){
                    if(tagInput.wrapper.childNodes[i] == tag)
                        tagInput.deleteTag(tag , i);
                }
            })


            tag.appendChild(closeIcon);
            this.wrapper.insertBefore(tag , this.input);
            this.orignal_input.value = this.arr.join(',');

            return this;
        }

        // Delete Tags
        TagsInput.prototype.deleteTag = function(tag , i){
            tag.remove();
            this.arr.splice( i , 1);
            this.orignal_input.value =  this.arr.join(',');
            return this;
        }

        // Make sure input string have no error with the plugin
        TagsInput.prototype.anyErrors = function(string){
            if( this.options.max != null && this.arr.length >= this.options.max ){
                console.log('max tags limit reached');
                return true;
            }

            if(!this.options.duplicate && this.arr.indexOf(string) != -1 ){
                console.log('duplicate found " '+string+' " ')
                return true;
            }

            return false;
        }

        // Add tags programmatically
        TagsInput.prototype.addData = function(array){
            var plugin = this;

            array.forEach(function(string){
                plugin.addTag(string);
            })
            return this;
        }

        // Get the Input String
        TagsInput.prototype.getInputString = function(){
            return this.arr.join(',');
        }

        // destroy the plugin
        TagsInput.prototype.destroy = function(){
            this.orignal_input.removeAttribute('hidden');

            delete this.orignal_input;
            var self = this;

            Object.keys(this).forEach(function(key){
                if(self[key] instanceof HTMLElement)
                    self[key].remove();

                if(key != 'options')
                    delete self[key];
            });

            this.initialized = false;
        }

        // Private function to initialize the tag input plugin
        function init(tags){
            tags.wrapper.append(tags.input);
            tags.wrapper.classList.add(tags.options.wrapperClass);
            tags.orignal_input.setAttribute('hidden' , 'true');
            tags.orignal_input.parentNode.insertBefore(tags.wrapper , tags.orignal_input);
        }

        // initialize the Events
        function initEvents(tags){
            tags.wrapper.addEventListener('click' ,function(){
                tags.input.focus();
            });


            tags.input.addEventListener('keydown' , function(e){
                var str = tags.input.value.trim();

                if( !!(~[9 , 13 , 188].indexOf( e.keyCode ))  )
                {
                    e.preventDefault();
                    tags.input.value = "";
                    if(str != "")
                        tags.addTag(str);
                }

            });
        }


        // Set All the Default Values
        TagsInput.defaults = {
            selector : '',
            wrapperClass : 'tags-input-wrapper',
            tagClass : 'tag',
            max : null,
            duplicate: false
        }

        window.TagsInput = TagsInput;


        var tagInput1 = new TagsInput({
            selector: 'tag-input1',
            duplicate : false,
            max : 10
        });

        tagInput1.addData(['PHP' , 'JavaScript' , 'CSS']);
    </script> --}}

    <script>
        //Validation design form example
        var form = $(".validation-wizard").show();

        form.steps({
            headerTag: "h6",
            bodyTag: "section",
            transitionEffect: "fade",
            // titleTemplate: '<span class="step">#index#</span> #title#',
            titleTemplate: '<span class="step">#index#</span>',
            labels: {
                previous: "Précédent", // Personnalise le bouton "Previous"
                next: "Suivant", // Personnalise le bouton "Next"
                finish: "Envoyer" // Personnalise le bouton "Submit"
            },
            onStepChanging: function(event, currentIndex, newIndex) {
                return currentIndex > newIndex ||
                    (
                        currentIndex < newIndex &&
                        (
                            form.find(".body:eq(" + newIndex + ") label.error").remove(),
                            form.find(".body:eq(" + newIndex + ") .error").removeClass("error")
                        ),
                        form.validate().settings.ignore = ":disabled,:hidden",
                        form.valid()
                    )
            },
            onFinishing: function(event, currentIndex) {
                return form.validate().settings.ignore = ":disabled", form.valid()
            },
            onFinished: function(event, currentIndex) {
                swal("Form Submitted!",
                    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed."
                );
            }
        }), form.validate({
            ignore: "input[type=hidden]",
            errorClass: "text-danger",
            successClass: "text-success",
            highlight: function(element, errorClass) {
                $(element).removeClass(errorClass)
            },
            unhighlight: function(element, errorClass) {
                $(element).removeClass(errorClass)
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element)
            },
            rules: {
                email: {
                    email: !0
                }
            }
        })
    </script>
@endsection