@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 Planillas Pendientes Por Conciliar</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 Planillas Pendientes Por Conciliar</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <a href="{{ url('pagos/asociacion/planilla_no_conciliada') }}" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'pagos/asociacion/planilla_no_conciliada','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>Asociacion Solidarista</b></th>
                                            <th><b>Código Listado</b></th>
                                            <th><b>Planilla</b></th>
                                            <th><b>Fecha Inicial</b></th>
                                            <th><b>Valor Listado</b></th>
                                            <th><b>Estado Listado</b></th>
                                            <th><b></b></th>
                                        </tr>
                                        <tr>
                                            <th></th>
                                            <th>
                                                {!! Form::select('asociacion', $asociaciones, $asociacion, ['id'=>'asociacion','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('asociacion')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::text('codigo',$codigo,['id'=>'codigo','class'=>'form-control','onchange'=>"buscar('codigo')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('nombre',$data_nombres, $nombre, ['id'=>'nombre','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('nombre')"])  !!}
                                            </th>
                                             <th>
                                                {!! Form::date('fecha',$fecha,['id'=>'fecha','class'=>'form-control','onchange'=>"buscar('fecha')",'placeholder'=>'']) !!}
                                            </th>
                                             <th>
                                               {{--  {!! Form::mMonedaFormato('valor',$valor,['id'=>'valor','class'=>'form-control','onkeyup'=>"buscar('valor')"]) !!} --}}
                                                <input 
                                                        type="text" 
                                                        name="valor" 
                                                        id="valor" 
                                                        value="{{$valor}}"
                                                        class="form-control"  
                                                        data-thousands="." 
                                                        data-decimal="," 
                                                        data-prefix="₡ "
                                                        placeholder="Valor"
                                                        onkeyup="buscar('valor')"
                                                    >
                                                   {{--  {!! Form::text('valor',$valor,['id'=>'valor','class'=>'form-control','onchange'=>"buscar('valor')"]) !!} --}}
                                                   
                                            </th>
                                             <th>
                                                {!! Form::select('estado',$modelo->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>@if($item->cobro_planilla_estado != $modelo->cons_planilla('ESTATUS')['STATUS_GENERADA'])
                                                        <a href="{{url('pagos/asociacion/planilla_no_conciliada/').'/'.$item->cobro_planilla_id.'/ver'}}" class="text-primary">
                                                            {{isset($item->cliente_entidad_sigla) ? $item->cliente_entidad_sigla : $item->cliente_entidad_nombre}}
                                                        </a>
                                                    @else
                                                         <a href="{{url('conciliar/pago/planilla/').'/'.$item->cobro_planilla_id.'/archivo'}}" class="text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Conciliar planilla cargando un archivo">{{isset($item->cliente_entidad_sigla) ? $item->cliente_entidad_sigla : $item->cliente_entidad_nombre}}</a>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($item->cobro_planilla_estado != $modelo->cons_planilla('ESTATUS')['STATUS_GENERADA'])
                                                        <a href="{{url('pagos/asociacion/planilla_no_conciliada/').'/'.$item->cobro_planilla_id.'/ver'}}" class="text-primary">
                                                            {{$item->cobro_planilla_codigo}}
                                                        </a>
                                                    @else
                                                        <a href="{{url('conciliar/pago/planilla/').'/'.$item->cobro_planilla_id.'/archivo'}}" class="text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Conciliar planilla cargando un archivo"> {{$item->cobro_planilla_codigo}}</a>
                                                    @endif
                                                </td>
                                                <td>{{$item->cobro_planilla_nombre}}</td>
                                                <td>{{date_format(date_create($item->cobro_planilla_periodo),'d/m/Y')}}</td>
                                                <td>{{$simbolo_moneda.number_format($item->cobro_planilla_valor,2,'.',',')}}</td>
                                                <td>{{$modelo->estados($item->cobro_planilla_estado)}}</td>
                                                <td class="center">
                                                    <div class="btn-group">
                                                        @if($item->cobro_planilla_estado != $modelo->cons_planilla('ESTATUS')['STATUS_GENERADA'])
                                                            <a href="{{url('pagos/asociacion/planilla_no_conciliada/').'/'.$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>
                                                        @else
                                                            <a href="{{url('conciliar/pago/planilla/').'/'.$item->cobro_planilla_id.'/manual'}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Conciliar planilla manualmente sin cargar archivo">
                                                                <i class="fa fa-hand-paper-o"></i>
                                                            </a>
                                                            <a href="{{url('conciliar/pago/planilla/').'/'.$item->cobro_planilla_id.'/archivo'}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Conciliar planilla cargando un archivo">
                                                                <i class="fa fa-upload"></i>
                                                            </a>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                            @else
                                            <tr>
                                                <td colspan="8" 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([
                                    'asociacion' => $asociacion,
                                    'codigo' => $codigo,
                                    'nombre' => $nombre,
                                    'fecha' => $fecha,
                                    'valor' => $valor,
                                    'estado' => $estado,


                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        
        $(document).ready(function(){
            $("#valor").maskMoney().maskMoney('mask').val('');  
        });
        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

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

        function limpiar(){
            $('#codigo').val('');
            $('#fecha').val('');
            $('#valor').val('');

            $('#asociacion').val('').change();
            $('#nombre').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 'fecha':
                    document.querySelector('#fecha').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'codigo':
                    document.querySelector('#codigo').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