@extends('layouts.app')

@section('content')

    <!-- end sidebar menu -->
    <!-- start page content -->
{{-- @dump($data) --}}

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <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 class="active">Detalles Por Medio de Pago</li>
                    </ol>
                </div>
            </div>


             <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Detalles Por Medio de Pago</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <!--<a href="{{ url('usuarios/nuevo-usuario') }}" class="btn btn-info mb-3">Crear Usuario</a>&nbsp;&nbsp;-->
                                   <!-- <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>-->
                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'reportes/detalle_de_ingresos','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">

                                    <div class="btn-group">
                                        <a href="{{url('detalle_de_ingresos')}}" class="btn btn-default dropdown-toggle">
                                            <i class="fa fa-repeat"></i>
                                        </a>
                                    </div>

                                        <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>

                                </div>
                            </div><br>
                            <div class="table-wrap">
                                <span class="text-muted">Mostrando {{$data->firstItem()}} - {{$data->lastItem()}} de {{$data->total()}}</span>
                                <div class="table-responsive ">
                                    <table class="table display product-overview  table-bordered">
                                        <thead>
                                        <tr>

                                            <th><b>Caja</b></th>
                                            <th><b>Caja Consecutivo</b></th>
                                            <th><b>Encargado</b></th>
                                            <th><b>Pago Por	</b></th>
                                            <th><b>Tipo de Servicio</b></th>
                                            <th><b>Servicios</b></th>
                                            <th><b>Medio De Pago</b></th>
                                            <th><b>Comprobante</b></th>
                                            <th><b>Consecutivo Sistema</b></th>
                                            <th><b>Consecutivo Temporal</b></th>
                                            <th><b>Consecutivo Manual</b></th>
                                            <th><b>Fecha Pago</b></th>
                                            <th><b>Concepto</b></th>
                                            <th><b>Valor Por Medio</b></th>
                                            <th><b>Valor Total Pago</b></th>
                                            <th><b>Pago Estado</b></th>
                                           {{--  <th><b>Acciones</b></th> --}}

                                        </tr>

                                        <tr>


                                            <th>
                                                {!! Form::select('caja',$cajas,$caja,['id'=>'caja','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('caja')",'placeholder'=>'Cajas']) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('consecutivo_caja',$consecutivo_caja,['id'=>'consecutivo_caja','class'=>'form-control','placeholder'=>'Consecutivo','onchange '=>"buscar('consecutivo_caja')"]) !!}
                                            </th>
                                            <th>
                                                <input type="hidden" name="empleado_id" id="empleado_id" value="{{$empleado}}">
                                                {!! Form::select('empleado',[],$empleado,['id'=>'empleado','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('empleado')",'placeholder'=>'Encargado']) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('pago_tipo', ['1'=>'Contrato','2'=>'Compra Directa', '3'=>'Servicio Funerario'], $pago_tipo, ['id'=>'pago_tipo','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('pago_tipo')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::select('servicio_tipo',$tipo_servicios,$servicio_tipo,['id'=>'servicio_tipo','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('servicio_tipo')",'placeholder'=>'Tipo servicio']) !!}
                                            </th>
                                            <th>

                                                {!! Form::select('servicios', $services,$servicios,['id'=>'servicios','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('servicios')",'placeholder'=>'Servicios']) !!}

                                            </th>
                                            <th>
                                                {!! Form::select('pago_por_medio', $forma_pago,$pago_por_medio,['id'=>'pago_por_medio','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('pago_por_medio')",'placeholder'=>'Medio de pago']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('comprobante',$comprobante,['id'=>'comprobante','class'=>'form-control','placeholder'=>'Comprobante','onchange '=>"buscar('comprobante')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivo',$consecutivo,['id'=>'consecutivo','class'=>'form-control','placeholder'=>'Consecutivo','onchange '=>"buscar('consecutivo')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivoT',$consecutivoT,['id'=>'consecutivoT','class'=>'form-control','placeholder'=>'Consecutivo Temporal','onchange '=>"buscar('consecutivoT')"]) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('consecutivo_manual',$consecutivo_manual,['id'=>'consecutivo_manual','class'=>'form-control','placeholder'=>'Consecutivo Manual','onchange '=>"buscar('consecutivo_manual')"]) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('fecha_pago',$fecha_pago,['id'=>'fecha_pago','class'=>'form-control','placeholder'=>'Fecha Pago']) !!}
                                            </th>

                                            <th>

                                            </th>

                                            <th>
                                                {!! Form::text('valor_medio',$valor_medio,['id'=>'valor_medio','class'=>'form-control','placeholder'=>'Valor Medio','onchange '=>"buscar('valor_medio')"]) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('valor_total',$valor_total,['id'=>'valor_total','class'=>'form-control','placeholder'=>'Valor Total','onchange '=>"buscar('valor_total')"]) !!}
                                            </th>

                                            <th>
                                                {!! Form::select('estado', ['1'=>'Activo','2'=>'Anulado', '3'=>'Eliminado'], $estado, ['id'=>'estado','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('estado')"])  !!}
                                            </th>

                                            <th></th>

                                            {!! Form::close() !!}
                                        </tr>
                                        <tbody>

                                            @if(count($data)>0)
                                            @foreach($data as $item)
                                                <tr>

                                                    <td>
                                                        {{ $item->caja_nombre }}
                                                    </td>

                                                    <td>
                                                        {{ $item->caja_ingresos_consecutivo }}
                                                    </td>

                                                    <td>
                                                        {{ $item->empleado_documento .' '. $item->empleado_nombres . ' ' . $item->empleado_apellido1  }}
                                                    </td>

                                                    @if ($item->pago_tipo_pago == '1')
                                                    <td>Contrato</td>
                                                    @elseif($item->pago_tipo_pago == '2')
                                                        <td>Compra Directa</td>
                                                    @else
                                                        <td>Servicio Funerario</td>
                                                    @endif

                                                        <x-validated-td :item="$item->servicio_tipo_nombre" />

                                                    <x-validated-td :item="$item->servicio_nombre" />
                                                   <td>
                                                        {{ $item->medio_de_pago_nombre }}
                                                   </td>

                                                   <x-validated-td :item="$item->pago_por_medio_de_pago_comprobante" />

                                                    <td>
                                                        {{ $item->pago_consecutivo }}
                                                    </td>
                                                    <x-validated-td :item="$item->pago_consecutivoT" />

                                                   <x-validated-td :item="$item->pago_consecutivo_manual" />

                                                   <x-date-td :date="$item->pago_fecha" />

                                                    <td @if(Str::length($item->pago_detalle_concepto)>50) class="resumen" data-texto-completo="{{ $item->pago_detalle_concepto }}" @endif>
                                                        @if ($item->pago_detalle_concepto)
                                                            {{ Str::limit($item->pago_detalle_concepto, 50) }}
                                                        @else
                                                            <span class="text-danger">(No definido)</span>
                                                        @endif
                                                    </td>
                                                   {{-- <td>
                                                    {{ $item->pago_detalle_concepto }}
                                                   </td> --}}
                                                   <td>
                                                    {{ $item->pago_por_medio_de_pago_valor }}
                                                   </td>
                                                   <td>
                                                    {{ $item->pago_valor }}
                                                   </td>
                                                   @if ( $item->pago_estado== '1')
                                                    <td>Activo</td>
                                                   @elseif($item->pago_estado  == '2')
                                                        <td>Anulado</td>
                                                   @else
                                                   <td> Eliminado </td>
                                                   @endif
                                                  {{--  <td>
                                                        imprimir
                                                   </td> --}}

                                                </tr>

                                            @endforeach
                                            @else
                                            <tr>
                                                <td colspan="17" class="text-center">No se encontraron resultados.</td>
                                            </tr>
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>

                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends(['consecutivo_caja'=>$consecutivo_caja, 'comprobante'=>$comprobante, 'consecutivo'=>$consecutivo, 'consecutivoT'=>$consecutivoT, 'consecutivo_manual'=>$consecutivo_manual,'fecha_pago'=>$fecha_pago,'valor_total'=>$valor_total,'caja'=>$caja, 'estado'=>$estado, 'empleado'=>$empleado, 'pago_por_medio'=>$pago_por_medio, 'servicio_tipo'=>$servicio_tipo, 'servicios'=>$servicios, 'valor_medio'=>$valor_medio ,'pago_tipo' =>$pago_tipo])->links() }}

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Modal --}}
    <div class="modal" id="modal">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-body">
              <!-- Aquí se mostrará el contenido resumido del <td> -->
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
            </div>
          </div>
        </div>
      </div>
@endsection


@section('script')
    <script type="text/javascript">

$(document).ready(function(){
    var valorEmpleado = '{{ $empleado }}';
        console.log(valorEmpleado);
        if (valorEmpleado!=null) {
            $('#empleado').attr('value', valorEmpleado);
            $('#empleado').val(valorEmpleado);
            //$('#empleado').select2('val', valorEmpleado);
        }


        let fecha = @json($fecha_pago);


if (fecha != null) {
    let fechas = fecha.split(' - ')
    var fecha_pago_inicio = fechas[0];

    var fecha_pago_fin = fechas[1];

    $('input[name="fecha_pago"]').daterangepicker({
    //timePicker: true,
    startDate: fecha != null ? fecha_pago_inicio : '',
    endDate: fecha != null ? fecha_pago_fin : '',
    locale: {
        format: 'DD-MM-YYYY'
    }
});

}else{
    $('input[name="fecha_pago"]').daterangepicker({
    //timePicker: true,
    locale: {
        format: 'DD-MM-YYYY'
    }
});

$('input[name="fecha_pago"]').val('');
$('input[name="fecha_pago"]').attr('placeholder', moment().format('DD-MM-YYYY')+' '+moment().format('DD-MM-YYYY'));

}

$('input[name=fecha_pago]').on('apply.daterangepicker', function() {
    console.log($(this).val());
    if ($(this).val() != '') {
        document.getElementById("frmFiltros").submit();
    }

})

//modal direccion completa
$('.resumen').on('click', function() {
    var content = $(this).data('texto-completo');
    $('.modal-body').html(content);
    $('#modal').modal('show');
  });

  // Cierra el modal
  $('.modal-footer').on('click', 'button', function() {
    $('#modal').modal('hide');
  });

});


        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }



        function buscar(tipo){

        $('#accion').val(1);
        var textoSelect = $('#'+tipo).val();
        const ENTER_KEY_CODE = 13;

        switch(tipo){

            case 'consecutivo_caja':
                document.querySelector('#consecutivo_caja').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'comprobante':
                document.querySelector('#comprobante').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;
            case 'consecutivo':
                document.querySelector('#consecutivo').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'consecutivoT':
                document.querySelector('#consecutivoT').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'consecutivo_manual':
                document.querySelector('#consecutivo_manual').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'observaciones':
                document.querySelector('#observaciones').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'fecha_pago':
                document.querySelector('#fecha_pago').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            case 'valor_total':
                document.querySelector('#valor_total').addEventListener('keyup', function(e) {
                    if (e.keyCode === ENTER_KEY_CODE) {
                        document.getElementById("frmFiltros").submit();
                    }
                });
            break;

            // case 'empleado':
            //     document.querySelector('#empleado').addEventListener('change', function(e) {
            //         console.warn('aqui')
            //         // if ($('#empleado').val()!='') {
            //             document.getElementById("frmFiltros").submit();
            //         // }
            //     });
            // break;

            default:
                document.getElementById("frmFiltros").submit();
            break;
        }

    }


    $(document).ready(function (){


      $('#empleado').select2({
                ajax: {
                dataType: 'json',
                url: "{{asset('').'ajax/empleados'}}",
                delay: 250,
                minimumInputLength: 3,
                data: function(params) {

                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

                },
                theme: "classic"
                }
            });


    })

    $(document).ready(function() {
    // let selectedValue = localStorage.getItem('selectedValue');
    // if (selectedValue) {
    //     $('#empleado').val(selectedValue).trigger('change');
    // }
});


    </script>
@endsection