@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-users"></i>&nbsp;<a class="parent-item" href="{{ url('/pagos/prima') }}">Crear Pago Prima</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Pago Prima - Nuevo</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                      {!! Form::open(['url' => 'pagos/prima/crear_form','method'=>'get','id'=>'frmFiltros']) !!} 
                        <div class="card-body">
                            <div class="form-group">
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext('pago_prima_nombre_listado',null,'Nombre del listado',$errors,6,false,true) !!}

                                {!! Form::mselect('pago_prima_forma_pago_id',$formas_pago,null,'Forma de Pago',$errors,6,false) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mDate('pago_prima_fecha_inicial', null,'Fecha Inicial',$errors,6,true,true) !!}
                                {!! Form::mDate('pago_prima_fecha_final', null,'Fecha Inicial',$errors,6,true,true) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtextAr('pago_prima_observacion', null,'Observaciones',$errors,12,false,false) !!}
                            </div>
                            
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                <button type="submit" class="btn bg-success">Aceptar</button>
                                <a class="btn bg-danger" href="{{ route('cliente.index') }}">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function showPreview(event){
          if(event.target.files.length > 0){
            var src = URL.createObjectURL(event.target.files[0]);
            var preview = document.getElementById("view_picture");
            preview.src = src;
          }
        }

        function validarDocumento(){

          var textDocumento = $('#documento').val();
          let body = {
            "_token": "{{ csrf_token() }}",
            "documento": textDocumento
          }

          console.log('body :', body)

          @if (isset($edit))
            body.cliente_id = {{$edit->cliente_id}}
          @endif

             $.ajax({
                type: "POST",
                url: "{{asset('').'ajax/cliente/validar/documento'}}",
                data: body,
                success: function (res) {
                    if(res != ''){
                        Swal.fire({
                          icon: 'warning',
                          title: 'Documento Registrado',
                          html: `<div class="text-justify">El documento que acaba de ingresar <strong>${textDocumento}</strong>, ya se encuentra registrado en la base de datos con el nombre de cliente <strong>"${res.cliente_nombres} ${res.cliente_apellido1} ${res.cliente_apellido2}"</strong>.</div>
                            ¿Que desea hacer?`,
                        showCloseButton: true,
                        showCancelButton: true,
                        confirmButtonText:`<a class="text-white" href="{{url('cliente/editar/')}}/${res.cliente_id}"><i class="fa fa-save"></i> Actualizar Clente</a>`,
                        cancelButtonText:'<i class="fa fa-ban"></i> Modificar Documento',
                        customClass: {
                            confirmButton: 'btn btn-primary',
                            cancelButton: 'btn btn-default'
                        },
                        });
                         $('#documento').val('');
                         return false
                    }

                    return true
                },
                    dataType: "json"
                });
        }
        $(document).ready(function () {
             //Initialize Select2 Elements
            $('.select2').select2()

            //Initialize Select2 Elements
            $('.select2bs4').select2({
              theme: 'bootstrap4'
            });+

            $.validator.addMethod('filesize', function (value, element, param) {
                return this.optional(element) || (element.files[0].size <= param * 1000000)
            }, 'File size must be less than {0} MB');

        });
    </script>
@endsection