@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-primary">Caja de Ingresos</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">Caja de Ingresos</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">
                        <div class="card-head">
                            <header>Listado</header>
                        </div>

                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <a href="{{url('pagos/oficina/caja/ingreso/listado')}}" class="btn btn-warning mb-3"><i class="fa fa-filter"></i> Limpiar
                                        Filtro</a>
                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'pagos/oficina/caja/ingreso/listado', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <a onclick="generar()" class="btn btn-info"><i class="fa fa-download"></i></a>
                                </div>
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>Caja</b></th>
                                                <th><b>Consecutivo</b></th>
                                                <th><b>Caja Abierta?</b></th>
                                                <th><b>Fecha Apertura</b></th>
                                                <th><b>Encargado</b></th>
                                                <th><b>Fecha Cierre</b></th>
                                                <th><b>Usuario Cierre</b></th>
                                                <th><b>Estado</b></th>
                                                <th><b></b></th>
                                            </tr>
                                            <tr>
                                                <th><b></b></th>
                                                <!--#-->
                                                <th><b>
                                                        {!! Form::select('caja', 
                                                            $cajas, $caja, [
                                                            'id' => 'cajas',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('cajas')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Caja-->
                                                <th><b>
                                                        {!! Form::text('consecutivo', $consecutivo, [
                                                            'id' => 'consecutivo',
                                                            'class' => 'form-control',
                                                            'onchange' => "buscar('consecutivo')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Consecutivo-->
                                                <th><b>
                                                        {!! Form::select('caja_abierta', [1 => 'SI', 0 => 'No'], $caja_abierta, [
                                                            'id' => 'caja_abierta',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('caja_abierta')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Caja Abierta?-->
                                                <th><b>
                                                        {!! Form::date('fecha_apertura', $fecha_apertura, [
                                                            'id' => 'fecha_apertura',
                                                            'class' => 'form-control',
                                                            'onchange' => "buscar('fecha_apertura')",
                                                            'placeholder' => '',
                                                        ]) !!}
                                                    </b></th>
                                                <!--Fecha Apertura-->
                                                <th><b>
                                                        {!! Form::select('encargado', [], $encargado, [
                                                            'id' => 'encargado',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('encargado')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Encargado-->
                                                <th><b>
                                                        {!! Form::date('fecha_cierre', $fecha_cierre, [
                                                            'id' => 'fecha_cierre',
                                                            'class' => 'form-control',
                                                            'onchange' => "buscar('fecha_cierre')",
                                                            'placeholder' => '',
                                                        ]) !!}
                                                    </b></th>
                                                <!--Fecha Cierre-->
                                                <th><b>
                                                        {!! Form::select('usuario_cierre', [], $usuario_cierre, [
                                                            'id' => 'usuario_cierre',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('usuario_cierre')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Usuario Cierre-->
                                                <th><b>
                                                        {!! Form::select('estado', $model->const_caja_ingreso('estatus'), $estado, [
                                                            'id' => 'estado',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('estado')",
                                                        ]) !!}
                                                    </b></th>
                                                <!--Estado-->
                                                <th><b></b></th>
                                            </tr>
                                            {!! Form::close() !!}
                                        </thead>
                                        <tbody>
                                            @if (count($data) > 0)
                                                @foreach ($data as $item)
                                                    <tr>
                                                        <td>{{ $contador++ }}</td>
                                                        <td>{{ $item->caja_nombre }}</td>
                                                        <td>{{ $item->caja_ingresos_consecutivo }}</td>
                                                        <td>
                                                            @if ($item->caja_ingresos_open != 0)
                                                                Si
                                                            @else
                                                                No
                                                            @endif
                                                        </td>
                                                        <td>{{ date_format(date_create($item->caja_ingresos_fecha_apertura), 'd/m/Y') }}
                                                        </td>
                                                        <td>{{ $item->encargado }}</td>
                                                        <td>{{ date_format(date_create($item->caja_ingresos_fecha_cierre), 'd/m/Y') }}
                                                        </td>
                                                        <td>{{ $item->usuario_cierre }}</td>
                                                        <td>{{ $model->const_caja_ingreso('estatus')[$item->caja_ingresos_estado] }}
                                                        </td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <a href="{{ url('pagos/oficina/caja/activa/' . $item->caja_ingresos_id) }}"
                                                                    class="btn btn-tbl-update btn-xs"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Ver">
                                                                    <i class="fa fa-eye"></i>
                                                                </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="10" class="text-center">Sin registros.</td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                          {{--   @dump($cajas) --}}
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends([                                       
                                        'consecutivo' => $consecutivo,
                                        'caja_abierta' => $caja_abierta,
                                        'fecha_apertura' => $fecha_apertura,
                                        'encargado' => $encargado,
                                        'fecha_cierre' => $fecha_cierre,
                                        'usuario_cierre' => $usuario_cierre,
                                        'estado' => $estado,                                        
                                        'caja' => $caja
                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">

        $(document).ready(function(){
            $('#usuario_cierre').select2({
            ajax: {
            dataType: 'json',
            url: "{{asset('').'ajax/empleados_usuario_id'}}",
            delay: 250,
            minimumInputLength: 3,
            data: function(params) {
                    var query = {
                        search: params.term.toLowerCase(),
                    }
                    
                    return query;
            },
            processResults: function (data, page) {
                return {
                results: data
                };
            },
            theme: "classic"
            }
        });

        $('#encargado').select2({
            ajax: {
            dataType: 'json',
            url: "{{asset('').'ajax/empleados_usuario_id'}}",
            delay: 250,
            minimumInputLength: 3,
            data: function(params) {
                    var query = {
                        search: params.term.toLowerCase(),
                    }
                    
                    return query;
            },
            processResults: function (data, page) {
                return {
                results: data
                };
            },
            theme: "classic"
            }
        });

            $('#cajas').select2();
            $('#estado').select2();
            $('#caja_abierta').select2();
        })

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

        function limpiar() {
            $('#nombre').val('');

            $('#sede').val('').change();
            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }

        function buscar(tipo) {

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

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

                case 'email':

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


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

                    break;


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

        }
    </script>
@endsection