@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="row">
                        <div class="offset-6 col-md-6 col-sm-6">
                            <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-square"></i>&nbsp;<a class="parent-item" href="">Conciliación
                                        Asociación Solidarista</a>&nbsp;<i class="fa fa-angle-right"></i>
                                </li>
                                <li class="active">Conciliación Asociación Solidarista</li>
                            </ol>
                        </div>
                    </div>
                    <div>
                        @if (isset($accion))
                            @if ($accion == 'archivo')
                                <div class="pull-right" style="margin-bottom: 2rem">
                                    <a href="{{ route('descargar_formato_planilla') }}" class="btn bg-info text-white"><i
                                            class="fa fa-download"></i>Descargar modelo de archivo</a>
                                </div>
                            @endif
                        @else
                            <div class="pull-right" style="margin-bottom: 2rem">
                                <a href="{{ route('descargar_formato_planilla') }}" class="btn bg-info text-white"><i
                                        class="fa fa-download"></i>Descargar modelo de archivo</a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Conciliación Asociación Solidarista</header>
                        </div>
                        {!! Form::open([
                            'url' => 'conciliar_planilla',
                            'method' => 'POST',
                            'enctype' => 'multipart/form-data',
                            'role' => 'form',
                            'id' => 'frmDatos',
                        ]) !!}

                        <input type="hidden" name="accion" value="{{ isset($accion) ? $accion : null }}">
                        <input type="hidden" name="planilla_id" value="{{ isset($id_planilla) ? $id_planilla : null }}" id="planilla_id">

                        <div class="card-body">
                           {{--  @dump($id_planilla) --}}
                            <div class="row col-md-12">
                                @if (isset($id_planilla)  )
                                {!! Form::mselect(
                                    'planilla',
                                    $planillas,
                                    isset($id_planilla) ? $id_planilla : null,
                                    'Llave primaria de la tabla',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    false,
                                    'buscar_planilla()',
                                    isset($accion) ? true : false,
                                ) !!}
                                @else
                                {!! Form::mselect(
                                    'planilla',
                                    [],
                                    isset($id_planilla) ? $id_planilla : null,
                                    'Llave primaria de la tabla',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    false,
                                    'buscar_planilla()',
                                    isset($accion) ? true : false,
                                ) !!}
                                @endif
                                

                                {!! Form::mDate(
                                    'fecha',
                                    isset($data) ? ($data != null ? $data->pago_planilla_fecha_pago_factura : null) : null,
                                    'Fecha Consignación',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                ) !!}

                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtextAr('observacion', null, 'Observación', $errors, 6) !!}

                                {!! Form::mMonedaFormato(
                                    'valor',
                                    isset($data) ? ($data != null ? $data->pago_planilla_valor_consignado : null) : null,
                                    'Cobro Planilla Valor Consignado',
                                    $errors,
                                    6,
                                ) !!}
                            </div>
                            @if (isset($accion))
                                @if ($accion == 'archivo')
                                    <div class="row col-md-12">
                                        <div class="row mb-1 col-md-6">
                                            <label for="foto" class="form-label">Archivo</label>
                                            <input type="file" class="form-control" name="planilla_conciliacion"
                                                id="planilla_conciliacion">
                                        </div>
                                    </div>
                                @endif
                            @else
                                <div class="row col-md-12">
                                    <div class="row mb-1 col-md-6">
                                        <label for="foto" class="form-label">Archivo</label>
                                        <input type="file" class="form-control" name="planilla_conciliacion"
                                            id="planilla_conciliacion">
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                @if (isset($listar))
                                    @if (!$listar)
                                        <button type="submit" class="btn bg-success">Aceptar</button>
                                    @else
                                        <a class="btn bg-success"
                                            href="{{ url('pagos/asociacion/planilla_no_conciliada/') . '/' . $id_planilla . '/ver' }}"><i
                                                class="fa fa-eye"></i>Ver Detalle</a>
                                    @endif
                                @else
                                    <button type="submit" class="btn bg-success">Aceptar</button>
                                @endif
                                <a class="btn bg-danger" href="javascript:history.go(-1)">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
            @if (count($errors) > 0)
                <div class="row">
                    <div class="col-md-12 ">
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }} </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection
@section('script')
    <script>
        function buscar_planilla() {
            var id_planilla = $('#planilla').val();
            if (id_planilla != '') {
                var url = "{{ URL::asset('conciliar/pago/planilla/') }}" + "/" + id_planilla;
                console.log(url);
                $.get(url, function(res) {
                    var obj = $.parseJSON(res);
                    console.log(obj);
                    if (obj != null) {
                        $('#fecha').val(obj.pago_planilla_fecha_pago_factura);
                        $('#valor').val(obj.pago_planilla_valor_consignado);
                    } else {
                        $('#valor').val(0);
                        $('#fecha').val('');
                    }
                });
            }

        }
        $(document).ready(function() {

            $("#planilla").select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'pagos/asociacion/planillas-ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            })


            $('#frmDatos').validate({
                rules: {
                    fecha: {
                        required: true
                    },
                    planilla: {
                        required: true
                    }
                },
                messages: {
                    fecha: {
                        required: "Campo fecha de consignación es requerido"
                    },
                    planilla: {
                        required: "Campo llave primaria de la tabla es requerido"
                    },
                },
                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');
                }
            });
        });
    </script>
@endsection