@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">Planilla Asociaciones</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 Planilla Asociaciones</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <a href="{{ url('cobros/asocaciones/planillas/crear') }}"
                                        class="btn btn-info mb-3">Generar Planilla de Cobro</a>&nbsp;&nbsp;
                                    <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                                <div class="tools">
                                    {!! Form::open(['url' => 'cobros/asocaciones/planillas/lista', 'method' => 'GET', 'id' => 'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                        <button onclick="generar()" class="btn btn-primary" type="button">
                                            <i class="fa fa-download"></i>
                                        </button>
                                    </div>

                                </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>Asociacion Solidarista</b></th>
                                                <th><b>Código</b></th>
                                                <th><b>Nombre</b></th>
                                                <th><b>Fecha Inicial</b></th>
                                                <th><b>Fecha Final</b></th>
                                                <th><b>Fecha Creacion</b></th>
                                                <th><b>Valor enviado a cobrar</b></th>
                                                <th><b>Estado</b></th>
                                                <th><b></b></th>
                                            </tr>
                                            <tr>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('asociacion', [], null, [
                                                        'id' => 'asociacion',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('asociacion')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('codigo', $codigo, [
                                                        'id' => 'codigo',
                                                        'class' => 'form-control',
                                                        'placeholder' => '´Código',
                                                        'onchange' => "buscar('codigo')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('nombre', $nombre, [
                                                        'id' => 'nombre',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Nombre',
                                                        'onchange' => "buscar('nombre')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::date('inicio', $inicio, [
                                                        'class' => 'form-control',
                                                        'id' => 'inicio',
                                                        'onchange' => "buscar('inicio')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::date('fin', $fin, [
                                                        'class' => 'form-control',
                                                        'id' => 'fin',
                                                        'onchange' => "buscar('fin')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::date('fecha_creacion', $fecha_creacion, [
                                                        'class' => 'form-control',
                                                        'id' => 'fecha_creacion',
                                                        'onchange' => "buscar('fecha_creacion')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('valor', $valor, [
                                                        'id' => 'valor',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Valor enviado a cobrar',
                                                        'onchange' => "buscar('valor')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('estado', $estados, $estado, [
                                                        'id' => 'estado',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('estado')",
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                {!! Form::close() !!}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if (count($data) > 0)
                                                @foreach ($data as $item)
                                                    <tr>
                                                        <td>{{ $contador++ }}</td>
                                                        <td><a href="{{ url('cobros/asocaciones/planillas/' . $item->cobro_planilla_id . '/ver') }}"
                                                                class="text-primary">{{ implode(' - ', array_filter([$item->cliente_entidad_documento, $item->cliente_entidad_sigla, $item->cliente_entidad_nombre])) }}</a>
                                                        </td>
                                                        <td><a href="{{ url('cobros/asocaciones/planillas/' . $item->cobro_planilla_id . '/ver') }}"
                                                                class="text-primary">{{ $item->cobro_planilla_codigo }}</a>
                                                        </td>
                                                        <td><a href="{{ url('cobros/asocaciones/planillas/' . $item->cobro_planilla_id . '/ver') }}"
                                                                class="text-primary">{{ $item->cobro_planilla_nombre }}</a>
                                                        </td>
                                                        <td>{{ date_format(date_create($item->cobro_planilla_periodo), 'd/m/Y') }}
                                                        </td>
                                                        <td>{{ date_format(date_create($item->cobro_planilla_periodofin), 'd/m/Y') }}
                                                        </td>
                                                        <td>{{ date_format(date_create($item->cobro_planilla_fechacreacion), 'd/m/Y') }}
                                                        <td>{{ $simbolo_moneda . number_format($item->cobro_planilla_valor, 2, '.', ',') }}
                                                        </td>
                                                        <td>
                                                            @if ($item->cobro_planilla_estado == 1)
                                                                <span class="label label-warning">Guardada</span>
                                                            @elseif($item->cobro_planilla_estado == 2)
                                                                <span class="label label-info">Generada</span>
                                                            @elseif($item->cobro_planilla_estado == 3)
                                                                <span class="label label-danger">Anulada</span>
                                                            @elseif($item->cobro_planilla_estado == 4)
                                                                <span class="label label-success">Proceso
                                                                    Conciliación</span>
                                                            @elseif($item->cobro_planilla_estado == 5)
                                                                <span class="label label-success">Conciliada</span>
                                                            @elseif($item->cobro_planilla_estado == 6)
                                                                <span class="label label-success">Conciliación
                                                                    Anulada</span>
                                                            @else
                                                                <span class="label label-success">Conciliada
                                                                    Eliminada</span>
                                                            @endif
                                                            {{-- {{$estados[$item->cobro_planilla_estado]}} --}}
                                                        </td>
                                                        <td class="center">
                                                            <div class="btn-group">
                                                                <a href="{{ url('cobros/asocaciones/planillas/' . $item->cobro_planilla_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>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="7" class="text-center">Sin información</td>
                                                </tr>
                                            @endif

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

                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends([
                                        'asociacion' => $asociacion,
                                        'codigo' => $codigo,
                                        'nombre' => $nombre,
                                        'inicio' => $inicio,
                                        'fin' => $fin,
                                        'valor' => $valor,
                                        'estado' => $estado,
                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        function generar() {
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

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

        function limpiar() {
            $('#codigo').val('');
            $('#nombre').val('');
            $('#inicio').val('');
            $('#fin').val('');
            $('#valor').val('');
            $('#fecha_creacion').val('');
            $('#asociacion').val('').change();
            $('#estado').val('').change();

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

        $(function() {
            $('#asociacion').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(),
                            page: params.page
                        }
                        return query;
                    },
                    processResults: function(data, page) {
                        console.log(data);
                        return {
                            results: data
                        };
                    }
                }
            });
        });

        





        function buscar(tipo) {

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

            switch (tipo) {




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

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


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

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

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

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

                

             


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

        }
    </script>
@endsection