@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 class="active">Listado de Contratos</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 de Contratos</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-9">
                                    <a href="{{ url('contrato/crear') }}" class="btn btn-info mb-3">Crear Contrato
                                        Recaudo</a>&nbsp;&nbsp;
                                    <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                               
                                    <div class="tools">
                                        {!! Form::open(['url' => 'contratos', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                        <input type="hidden" id="accion" name="accion" value="1">
                                        <!-- Example split danger button -->
                                        <div class="btn-group">
                                            <button class="btn btn-default dropdown-toggle" type="button"
                                                data-toggle="dropdown" aria-expanded="false">
                                                <i class="fa fa-filter"></i>
                                            </button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_todos"
                                                            onclick="marcarTodos(this)" id="chkTodos" checked="">
                                                        <label for="chkTodos">
                                                            <span class="text-primary">Mostrar Todos</span>
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_numero" onclick="chkMarcados()"
                                                            id="chkNumero" checked="">
                                                        <label for="chkNumero">
                                                            Id interno contrato
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_codigo" onclick="chkMarcados()"
                                                            id="chkDocumento" checked>
                                                        <label for="chkDocumento">
                                                            Código Contrato
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_fecha_inicio"
                                                            onclick="chkMarcados()" id="chkCliente" checked="">
                                                        <label for="chkCliente">
                                                            Fecha Inicio
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_fecha_final"
                                                            onclick="chkMarcados()" id="chkEmail" checked>
                                                        <label for="chkEmail">
                                                            Fecha Final
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_dia_corte"
                                                            onclick="chkMarcados()" id="chkCelular" checked>
                                                        <label for="chkCelular">
                                                            Día de Corte
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_dia_pago"
                                                            onclick="chkMarcados()" id="chkTelefonos" checked="">
                                                        <label for="chkTelefonos">
                                                            Día de Pago
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_modalidad"
                                                            onclick="chkMarcados()" id="chkSede" checked>
                                                        <label for="chkSede">
                                                            Modalidad
                                                        </label>
                                                    </div><br>
                                                </a>
                                                <a class="dropdown-item">
                                                    <div class="icheck-primary d-inline">
                                                        <input type="checkbox" name="filtro_factura"
                                                            onclick="chkMarcados()" id="chkTipoCliente" checked>
                                                        <label for="chkTipoCliente">
                                                            Visualice Factura
                                                        </label>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                @if (auth()->user()->hasPermissionTo('contratos_exportar_todos'))
                                        <div class="btn-group">
                                            <button class="btn btn-default dropdown-toggle" type="button"
                                                data-toggle="dropdown" aria-expanded="false">
                                                Exportar Todo
                                            </button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" onclick="generar()"><i
                                                        class="fa fa-file-excel-o"></i>&nbsp;Excel</a>
                                            </div>
                                        </div>

                                    </div>
                                @endif
                            </div>
                            @if ($message = Session::get('success'))
                                <div class="sufee-alert alert with-close bg-success alert-dismissible fade show">
                                    {{ $message }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th><b>Id interno contrato</b></th>
                                                <th><b>Entidad Solidarista</b></th>
                                                <th><b>Código Contrato</b></th>
                                                <th><b>Fecha Inicio</b></th>
                                                <th><b>Fecha Final</b></th>
                                                <th><b>Día de Corte</b></th>
                                                <th><b>Día de Pago</b></th>
                                                <th><b>Modalidad</b></th>
                                                <th><b>Visualice Factura</b></th>
                                                <th><b></b></th>
                                            </tr>
                                            <tr>
                                                <th width="10%">{!! Form::text('id_interno', $id_interno, [
                                                    'id' => 'id_interno',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'Id interno contrato',
                                                    'onchange' => "buscar('id_interno')",
                                                ]) !!}
                                                </th>
                                                <th width="10%">
                                                    {!! Form::select('entidad_solidarista', [], $entidad_solidarista, [
                                                        'id' => 'entidad_solidarista',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('entidad_solidarista')",
                                                    ]) !!}
                                                </th>
                                                <th width="10%">
                                                    {!! Form::text('codigo_contrato', $codigo_contrato, [
                                                        'id' => 'codigo_contrato',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Código Contrato',
                                                        'onchange' => "buscar('codigo_contrato')",
                                                    ]) !!}
                                                </th>
                                                <th width="10%">{!! Form::date('inicio', $inicio, [
                                                    'class' => 'form-control',
                                                    'id' => 'inicio',
                                                    'onchange' => "buscar('inicio')",
                                                ]) !!}</th>
                                                <th width="10%">{!! Form::date('fin', $fin, ['class' => 'form-control', 'id' => 'fin', 'onchange' => "buscar('fin')"]) !!}</th>
                                                <th width="10%">
                                                    {!! Form::text('dia_corte', $dia_corte, [
                                                        'id' => 'dia_corte',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Día de Corte',
                                                        'onchange' => "buscar('dia_corte')",
                                                    ]) !!}
                                                </th>
                                                <th width="10%">
                                                    {!! Form::text('dia_papgo', $dia_papgo, [
                                                        'id' => 'dia_papgo',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Día de Pago',
                                                        'onchange' => "buscar('dia_papgo')",
                                                    ]) !!}
                                                </th>
                                                <th width="10%">
                                                    {!! Form::select('modalidad', $modalidades, $modalidad, [
                                                        'id' => 'modalidad',
                                                        'placeholder' => '-Modalidad-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('modalidad')",
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                <th></th>
                                                {!! Form::close() !!}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $datos = [
                                                    'UnicoPorcentaje' => 'Cobro único por porcentaje',
                                                    'UnicoValor' => 'Cobro único  por valor',
                                                    'PorcentajeNiveles' => 'Cobro porcentajes  por niveles',
                                                    'ValorNiveles' => 'Cobro valor por niveles',
                                                    'PorcentajeServicios' => 'Cobro porcentajes por servicios',
                                                    'ValorServicios' => 'Cobro valor por servicios',
                                                    'NoAplica' => 'No Aplica',
                                                ];
                                            @endphp
                                            @if (count($data) > 0)
                                                @foreach ($data as $key => $item)
                                                    <tr class="gradeX odd" role="row">
                                                        <td>{{ $item->cli_en_con_rec_id }}</td>
                                                        <td>{{ $item->entidad != '' ? $item->entidad->cliente_entidad_nombre : '' }}
                                                        </td>
                                                        <td>{{ $item->cli_en_con_rec_codigo_contrato }}</td>
                                                        <td class="text-center">
                                                            @if ($item->cli_en_con_rec_fecha_inicio == null)
                                                                <span class="text-danger">(no definido)</span>
                                                            @else
                                                                {{ $item->cli_en_con_rec_fecha_inicio }}
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($item->cli_en_con_rec_fecha_final == null)
                                                                <span class="text-danger">(no definido)</span>
                                                            @else
                                                                {{ $item->cli_en_con_rec_fecha_final }}
                                                            @endif
                                                        </td>
                                                        <td>{{ $item->cli_en_con_rec_dia_corte }}</td>
                                                        <td>{{ $item->cli_en_con_rec_dia_pago }}</td>
                                                        <td>{{ $datos[$item->cli_en_con_rec_modalidad] }}</td>
                                                        <td>{{ $item->entidad != '' ? ($item->entidad->cliente_entidad_visualice_factura == 1 ? 'Si' : 'No') : '' }}
                                                        </td>
                                                        <td>
                                                            <div class="btn-group">
                                                                @if (auth()->user()->hasPermissionTo('viewCliente-entidad-contrato-recaudo-adjunto'))  
                                                                <a href="{{ url('contratos-ver/' . $item->cli_en_con_rec_id . '/ver') }}"
                                                                    class="btn btn-tbl-update btn-xs"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Ver">
                                                                    <i class="fa fa-eye"></i>
                                                                </a>
                                                                @endif
                                                                @if (auth()->user()->hasPermissionTo('updateCliente-entidad-contrato-recaudo'))    
                                                                <a href="{{ url('contrato/' . $item->cli_en_con_rec_id . '/editar') }}"
                                                                    class="btn btn-tbl-update btn-xs"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Actualizar">
                                                                    <i class="fa fa-edit"></i>
                                                                </a>
                                                                @endif
                                                                @if (auth()->user()->hasPermissionTo('deleteCliente-entidad-contrato-recaudo-adjunto'))                                                                    
                                                                    <a class="btn btn-tbl-update btn-xs text-white"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="Eliminar"
                                                                        onclick="sendDelete('{{ $item->cli_en_con_rec_id }}','contrato')">
                                                                        <i class="fa fa-trash"></i>
                                                                    </a>
                                                                @endif
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="10" 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([
                                        'id_interno' => $id_interno,
                                        'codigo_contrato' => $codigo_contrato,
                                        'dia_corte' => $dia_corte,
                                        'dia_papgo' => $dia_papgo,
                                        'inicio' => $inicio,
                                        'fin' => $fin,
                                        'modalidad' => $modalidad,
                                        'entidad_solidarista' => $entidad_solidarista,
                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function() {
            // inicializamos el plugin
            $('#entidad_solidarista').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ url('asociaciones/ajax/data') }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        console.log({params})
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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




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

        function chkMarcados() {
            console.log('marcar chk');
        }

        function marcarTodos(o) {
            var boxes = document.getElementsByTagName("input");
            for (var x = 0; x < boxes.length; x++) {
                var obj = boxes[x];
                if (obj.type == "checkbox") {
                    if (obj.name != "check")
                        obj.checked = o.checked;
                }
            }
        }

        function limpiar() {
            $('#id_interno').val('');
            $('#codigo_contrato').val('');
            $('#dia_corte').val('');
            $('#dia_papgo').val('');
            $('#inicio').val('');
            $('#fin').val('');

            $('#modalidad').val('').change();
            $('#entidad_solidarista').val('').change();

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

        function buscar(tipo) {

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

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

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

        }
    </script>
@endsection