@extends('ATCore::atcore_layout')

@section('content')
<!-- general form elements -->
<div class="card card-primary">
  <div class="card-header">
    <h3 class="card-title">{{ $createNewName }}</h3>
  </div>
  <!-- /.card-header -->
  <!-- form start -->
  <form id="create_form" role="form" action="{{ route($routeName.'.store') }}" method="POST" autocomplete="off" enctype="multipart/form-data">
    @csrf
    @if ($parentObject)
    <input type="hidden" name="{{$parentForeignKey}}" value="{{$parentObject->id}}">
    @endif
    <div class="card-body" id="app">
        <div>
      
            @foreach ($columns as $colInput)
              @if (!$colInput->exists('disableCreate'))
                @if ($colInput->getType() == "text")
                    @include('ATCore::atplus_crud.forms.input_text',['label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required')])
                @elseif ($colInput->getType() == "select_table")
                  @include('ATCore::atplus_crud.forms.select_table',['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')])
                @elseif ($colInput->getType() == "date")
                  @include('ATCore::atplus_crud.forms.input_date',['label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required')])
                @elseif ($colInput->getType() == "select_options")
                  @include('ATCore::atplus_crud.forms.select_options',['label' => $colInput->getLabel(), 'input_name' => $colInput->getId(),'required' => $colInput->exists('required'), 'options' => $colInput->exists('options')])
                @endif
              @endif
            @endforeach
        
        </div>
    </div>


    <div class="card-footer">
      <button type="submit" class="btn btn-primary">{{ $createNewName }}</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.Datepicker',true)
@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
  
  $(function() {
    $('.date_class').daterangepicker({
        singleDatePicker: true,
        showDropdowns: true,
        @if ($colInput->exists('time_picker'))
        timePicker: true,
        timePicker24Hour: true,
        @endif
        locale: {
            applyLabel: 'Aceptar',
            cancelLabel: 'Cancelar',
            @if ($colInput->exists('time_picker'))
            format: 'YYYY-MM-DD H:mm',
            @else
            format: 'YYYY-MM-DD',
            @endif
            firstDay: 1,
            "daysOfWeek": [
            "Do",
            "Lu",
            "Ma",
            "Mi",
            "Ju",
            "Vi",
            "Sa"
            ],
            "monthNames": [
            "Enero",
            "Febrero",
            "Marzo",
            "Abril",
            "Mayo",
            "Junio",
            "Julio",
            "Agosto",
            "Septiembre",
            "Octubre",
            "Novirm",
            "December"
            ]
        },
    });
  });

  $(document).ready(function () {
    bsCustomFileInput.init();
    
    
    $('#create_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)