@extends('layouts.app')

@section('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="{{asset('css')}}/bootstrap-material-datetimepicker.css" />
@endsection

@section('content')
    <ol class="breadcrumb">
        <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
        <li class="breadcrumb-item class_select"><a href="{!! URL::previous() !!}">Validadores</a></li>
        <li class="breadcrumb-item active">Editar validador</li>
    </ol>
    <div class="row justify-content-between">
        <div class="col-12 col-xl-8" style="padding:0 0 0 20px">
            <h1 class="page-title">Editar un <span class="fw-semi-bold">validador</span></h1>
        </div>
        <div class="col-12 col-xl-4 text-right">
            <a class="btnInfo btn3" href="{!! URL::previous() !!}">Regresar</a>
        </div>
    </div>
    <section class="widget">
        <header class="header-border">
            <h6>
                Llena todos los campos necesarios para editar validador
            </h6>
        </header>
        @include('adminlte-templates::common.errors')
        <div class="widget-body">
            {!! Form::model($validador, ['route' => ['validadors.update', $validador->id], 'method' => 'patch','files' => true]) !!}

                @include('validadors.fields')

            {!! Form::close() !!}
        </div>
    </section>

    <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">
                    <h3 class="modal-title" id="exampleModalLabel">Cambio de contraseña</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                {!! Form::open(['route' => 'validadors.update.password']) !!}

                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 style="color:#495057; font-size:14px;">Hey! Para poder realizar la actualización, es necesario confirmar la contraseña.</h4>
                        </div>
                        <div class="col-md-12 col-12" style="position:relative!important; margin-top:35px;">
                            {!! Form::label('password', 'Contraseña:', ['class' => 'label_class']) !!}
                            {!! Form::password('password', ['class' => 'form-control class_input active2']) !!}
                            @if($errors->has('password'))
                            <div class="alert alert-danger alert-transparent alert-sm">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                {!! $errors->first('password')!!}
                            </div>
                            @endif
                        </div>

                        @if(!empty($validador))
                        <input type="hidden" name="user_id" value="{!! $validador->user->id !!}" style="display:none" id="user_id">
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn2 btnSucces" id="btnAccept" >Guardar</button>
                    <button type="button" class="btnDanger btn1" data-dismiss="modal">cancelar</button>
                </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>

@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"> </script>

<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/fileinput.js"></script>
<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/inputmask.js"></script>
<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

<script src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    function aplicar_validaciones(event) {
        var validacion = true;

        if (!validar_texto_minimo('#name','#name-mensaje', 3)){
            validacion=false;
        }

        if(!validar_texto_minimo('#a_paterno', '#a_paterno-mensaje',3)){
            validacion=false;
        }

        if(!validar_texto_minimo('#a_materno', '#a_materno-mensaje')){
            validacion=false;
        }

        if (!validar_email('#email', '#email_mensaje')) {
            validacion = false;
        }

        if (!validar_numero('#telefono', '#telefono-mensaje')){
            validacion=false;
        }

        if(!validar_fecha('#fecha_nacimiento', '#fecha_nacimiento-mensaje')){
            validacion=false;
        }

        if(!validar_texto_minimo('#codigo_validador', '#codigo_validador-mensaje', 3)){
            validacion=false;
        }


        if (validacion) {
            event.target.submit();
        }
    }

    $(window).load(function() {
        if($('.class_input').val() != ' '){
            $('.class_input').parent().find('.label_class').addClass('active2');
        }
    });
    $('#cambio_password').keyup(function(){
        console.log($(this).lenght);

        if($(this).val() == ""){
            $('#cambio_contraseña').removeClass('btn4 btnWarning');
            $('#cambio_contraseña').addClass('btn5 btnImage');
            $('#cambio_contraseña').attr('data-original-title','Llena el campo contraseña, para poder actualizar');
            $('#cambio_contraseña').click(function(){
                if($('#cambio_password').val() == ""){
                    $('#exampleModal').modal('hide');
                }
            });
        }
        else{
            $('#cambio_contraseña').click(function(){
                if($('#cambio_password').val() != ""){
                    $('#exampleModal').modal('show');
                }
            });
            $('#cambio_contraseña').addClass('btn4 btnWarning');
            $('#cambio_contraseña').removeClass('btn5 btnImage');
            $('#cambio_contraseña').removeAttr('data-original-title');
        }
    });

    $(document).ready(function(){
        $('#fecha_nacimiento').bootstrapMaterialDatePicker({
            lang : 'es',
            weekStart : 1,
            cancelText : 'Cancelar' ,
            time: false
        });

        $('.js-example-basic-single').select2();
        $("#fecha_nacimiento").inputmask({
            mask: "9999-99-99"
        });
        $("#telefono").inputmask({
            mask: "99-99-99-99-99"
        });
        $("#telefono_casa").inputmask({
            mask: "99-99-99-99-99"
        });

        $("form").submit(function(e) {
            e.preventDefault();
            aplicar_validaciones(e);
        });
    });

</script>
@endsection