@extends('layouts.app')

@push('css')
<link href="{{ asset('js/select2/select2.min.css') }}" rel="stylesheet" />
@endpush


@section('content')
    <div class="container ml-0 mr-0 pl-0 pr-0 row">
        <div class="animate__animated animate__fadeInUp container tarjetas tarjeta-gris p-3 p-sm-2 p-md-3 p-lg-5 p-xl-5 col-12">
            <div class="row row-bottom">
               <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                   <h3 class="texto-obscuro">Edición de dominio</h3>
                   <nav class="breadcrumb"><a class="breadcrumb-item" href="{{ url('dominios') }}">Dominios</a><span class="breadcrumb-item active">Creación de dominio</span></nav>
               </div>
           </div>
           <div class="row">
                {!! Form::model($dominio, ['route' => ['dominios.update', $dominio->id], 'class' => 'formulario-principal col-12', 'method' => 'patch']) !!}
                    <div class="empty-space-30"></div>
                    @include('dominios.fields')
                    <div class="empty-space-30"></div>
                {!! Form::close() !!}
           </div>
           <div class="empty-space-50"></div>
           <div class="row botonera-inferior">
                <div class="col-12 p-0 m-0 text-right botonera-formulario">
                    <a href="{{ url('dominios') }}" class="btn btn-secundario text-white width-250">Cancelar <span><-</span></a>
                    <button type="button" id="guardar-cambios" class="btn btn-principal width-250">Guardar cambios <span>-></span></button>
                </div>
            </div>
           <div class="empty-space-50"></div>
       </div>
    </div>
@endsection

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


    <script>

            $("#guardar-cambios").click(function(){
                aplicar_validaciones();
            });

            function aplicar_validaciones() {
                var validacion = true;

                if (validar_texto('#email_dominio', '#email_dominio_mensaje',3,80)) {
                    $("#email_dominio").removeClass('is-invalid');
                    $("#email_dominio_mensaje").removeClass('is-invalid');
                    $("#email_dominio_mensaje").hide();
                }else{
                    $("#email_dominio").addClass('is-invalid');
                    $("#email_dominio_mensaje").addClass('is-invalid');
                    $("#email_dominio_mensaje").show();
                    validacion = false;
                }


                if (validacion) {
                    $(".formulario-principal").submit();
                }
            }
    </script>

@endpush