@extends('ATCore::atcore_layout')

@section('content')
    <!-- general form elements -->
    <div class="card card-info">
      <div class="card-header">
        <h3 class="card-title">Editar {{ $singularName }}</h3>
      </div>
      <!-- /.card-header -->
      <!-- form start -->
      <form id="edit_form" role="form" id="my-awesome-dropzone" action="{{route($routeName.'.update', $result->id)}}" method="POST" autocomplete="off" enctype="multipart/form-data">
        {{method_field('PUT')}}
        @csrf
  
        @yield('atplus_body_form')

        <div class="card-footer">
          <button type="submit" class="btn btn-info">Actualizar Datos</button>
          @if ($parentObject)
          <a href="{{ route($routeName.'.index') }}?{{$parentForeignKey}}={{$parentObject->id}}" class="btn btn-secondary">Cancelar </a>
          @elseif (!isset($parentForeignKey))
          <a href="{{ route($routeName.'.index') }}" class="btn btn-secondary">Cancelar </a>
          @endif

         
        </div>
      </form>
    </div>

@stop

@section('css')
@yield('atplus_css')
@stop

@section('plugins.ValidationJS',true)
@section('js')
<script>
  @if (session()->has('message'))
  
  toastr['{!! session('message_type') !!}']('{!! session('message') !!}')

  @endif

  @if (session()->has('message_alert'))
  
  toastr['error']('{!! session('message_alert') !!}')
  @endif
  
  $(document).ready(function () {
    bsCustomFileInput.init();
    
    
    $('#edit_form').validate({
      submitHandler: function(form) {
        forcePace();
        form.submit();
      },
      errorElement: 'span',
      errorPlacement: function (error, element) {
        error.addClass('invalid-feedback');
        element.closest('.form-group').append(error);
      },
      highlight: function (element, errorClass, validClass) {
        $(element).addClass('is-invalid');
      },
      unhighlight: function (element, errorClass, validClass) {
        $(element).removeClass('is-invalid');
      }
    });
    
    jQuery.extend(jQuery.validator.messages, {
      required: "Este campo es obligatorio.",
      remote: "Por favor, rellena este campo.",
      email: "Por favor, escribe una dirección de correo válida",
      url: "Por favor, escribe una URL válida.",
      date: "Por favor, escribe una fecha válida.",
      dateISO: "Por favor, escribe una fecha (ISO) válida.",
      number: "Por favor, escribe un número entero válido.",
      digits: "Por favor, escribe sólo dígitos.",
      creditcard: "Por favor, escribe un número de tarjeta válido.",
      equalTo: "Por favor, escribe el mismo valor de nuevo.",
      accept: "Por favor, escribe un valor con una extensión aceptada.",
      maxlength: jQuery.validator.format("Por favor, no escribas más de {0} caracteres."),
      minlength: jQuery.validator.format("Por favor, no escribas menos de {0} caracteres."),
      rangelength: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."),
      range: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1}."),
      max: jQuery.validator.format("Por favor, escribe un valor menor o igual a {0}."),
      min: jQuery.validator.format("Por favor, escribe un valor mayor o igual a {0}.")
    });
  });
</script>
@yield('atplus_js')
@stop

@section('plugins.Vue',true)