@extends('ATCore::atcore_layout')

@section('atplus_main_content')
    <!-- general form elements -->
    <div class="card @if (isset($changeEditButton['buttonClass'])) card-{{$changeEditButton['buttonClass']}} @else card-info @endif">
      <div class="card-header">
        @if (isset($changeEditButton['name']))
        <h3 class="card-title">{{$changeEditButton['name']}}</h3>
        @else
        <h3 class="card-title">Editar {{ $singularName }}</h3>
        @endif
      </div>
      <!-- /.card-header -->
      <!-- form start -->
      <form id="edit_form" role="form" action="{{route($routeName.'.update', $result->id)}}" method="POST" autocomplete="off" enctype="multipart/form-data">
        {{method_field('PUT')}}
        @csrf
        @if ($parentObject)
        <input type="hidden" name="{{$parentForeignKey}}" value="{{$parentObject->id}}">
        @endif

        <div class="card-body" id="app">
            <div>
                <div class="form-group" id="_form_group_total">
                    <label id="_total_label" for="_total">RUT </label>
                    <input   type="text" class="form-control text-uppercase" value="{{$result->account->rut}}"   readonly   >
                </div>
                <div class="form-group" id="_form_group_total">
                    <label id="_total_label" for="_total">NOMBRE </label>
                    <input   type="text" class="form-control text-uppercase" value="{{$result->account->name}}"   readonly   >
                </div>
                <div class="form-group" id="_form_group_total">
                    <label id="_total_label" for="_total">Monto del Pago </label>
                    <input   type="text" class="form-control text-uppercase" value="{{ATFormatMoney($result->total)}}"   readonly   >
                </div>
              @foreach ($columns as $colInput)
              @if (!$colInput->exists('disableEdit'))
                @if ($colInput->getType() == "text")
                    @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'),'input_mask' => $colInput->exists('input_mask'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit'), 'enableRUTCheck' => $colInput->exists('enableRUTCheck'), 'maxLength' => $colInput->exists('maxLength')])
                @elseif ($colInput->getType() == "select_table")
                  @include('ATCore::atplus_crud.forms.select_table',['type' => 'edit', 'label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'select_model' => $colInput->exists('select_model'), 'select_option_value' => $colInput->exists('select_option_value'), 'select_option_value_2' => $colInput->exists('select_option_value_2'), 'select_option_filter_name' => $colInput->exists('select_option_filter_name'),'select_option_filter_value' => $colInput->exists('select_option_filter_value'), 'parent_select' => $colInput->exists('parent_select'), 'api_route' => $colInput->exists('api_route'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit'), 'order_by' => $colInput->exists('order_by')])
                @elseif ($colInput->getType() == "date")
                  @include('ATCore::atplus_crud.forms.input_date',['type' => 'edit', 'label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'time_picker' => $colInput->exists('time_picker'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit')])
                @elseif ($colInput->getType() == "select_options")
                  @include('ATCore::atplus_crud.forms.select_options',['type' => 'edit', 'label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'options' => $colInput->exists('options'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit')])
                  @elseif ($colInput->getType() == "text_area")
                @include('ATCore::atplus_crud.forms.textarea',['type' => 'edit', 'label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'options' => $colInput->exists('options'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit')])
                @elseif ($colInput->getType() == "file")
                  @include('ATCore::atplus_crud.forms.input_file',['type' => 'edit','label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'options' => $colInput->exists('options'), 'readOnlyEdit' => $colInput->exists('readOnlyEdit')])
                @elseif ($colInput->getType() == "hidden")
                  <input type="hidden" name="{{$colInput->getId()}}" id="_{{$colInput->getId()}}" value="{{$colInput->exists('default_value')}}">
                @endif
              @endif
            @endforeach

            </div>
        </div>

        <div class="card-footer">
          <button type="submit" class="btn @if (isset($changeEditButton['buttonClass'])) btn-{{$changeEditButton['buttonClass']}} @else btn-info @endif ">@if (isset($changeEditButton['name'])) {{$changeEditButton['name']}} @else Actualizar Datos @endif</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('atplus_main_css')
@yield('atplus_css')
@stop
@section('plugins.Datepicker',true)
@section('plugins.ValidationJS',true)
@section('atplus_main_js')

  @foreach ($columns as $colInput)
    @if ($colInput->exists('parent_select'))
      @yield('parent_select_script_'.$colInput->getId())
    @endif
    @if ($colInput->getType() == "date")
      @yield('input_date_script_'.$colInput->getId())
    @endif
    @if ($colInput->getType() == "file")
      @yield('input_file_script_'.$colInput->getId())
    @endif
  @endforeach
  <script>




  $(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)