@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">
                    @php
                        $url_previa = str_replace(url('/'), '', url()->previous());

                        $return_url = strpos($url_previa, 'crear') == false ? url()->previous() : url('cobros/cobrador/rutas/listar');
                    @endphp

                    <div class="pull-left">
                        <div class="page-title text-danger">{{$data->ruta_nombre}}</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><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('cobros/cobrador/rutas/listar') }}">Rutas</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">{{$data->ruta_nombre}}</li>
                    </ol>

                </div>
            </div>
            <div class="page-bar">
                        <a href="{{url('cobros/cobrador/rutas/'.$data->ruta_id.'/editar')}}" class="btn bg-primary text-white"><i class="fa fa-edit"></i>Actualizar</a>
                        <a class="btn bg-danger text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Eliminar" onclick="sendDelete({{$data->ruta_id}},'cobros/cobrador/rutas','cobros/cobrador/rutas/listar')"><i class="fa fa-trash"></i> Eliminar Ruta</a>
                        <a class="btn btn-info" id="btn_generar_comprobantes" data-toggle="tooltip"><span class="fa fa-cog"></span> Generar Comprobantes de Pago</a>
                        @if(auth()->user()->hasPermissionTo('exportar-xlsRuta'))
                        <a class="btn bg-success text-white" href="{{ route('exportar_cobrador_ruta', $id) }}" target="_BLANK"><span class="fa fa-file-excel-o"></span> Lista en Excel</a>
                        @endif
                        @if(auth()->user()->hasPermissionTo('exportar-pdfRuta'))
                        <a class="btn btn-warning" href="{{ route('exportar_cobrador_ruta_pdf', $id) }}" target="_BLANK"><span class="fa fa-file-pdf-o"></span> Lista en PDF</a>
                        @endif

                        @if($accion == 3)
                        {{-- dowload-invoices-in-pdfRuta --}}
                            @if (auth()->user()->hasPermissionTo('dowload-invoices-in-pdfRuta'))
                            <a class="btn bg-warning text-white" href="{{asset('').'uploads/zip/facturas.zip'}}" download="{{$data->ruta_nombre}}.zip" target="_black"><span class="fa fa-file-pdf-o"></span> Descargar Facturas</a>
                                
                            @endif
                        @else
                            <a class="btn bg-primary text-white" onclick="habilitar_descarga()"  target="_BLANK"><span class="fa fa-check"></span> Habilitar descarga de facturas</a>
                        @endif

                        <a href="{{ url('cobros/cobrador/rutas/listar') }}"  class="btn bg-warning pull-right text-white"><i class="fa fa-angle-left"></i>Volver a lista</a>
                        <a class="btn btn-primary pull-right" href="{{url('cobros/cobrador/rutas/' . $id . '/ver')}}" style="margin-right: 3px;"><span class="fa fa-filter"></span> Limpiar</a>
                        {{-- generar-cobroRuta --}}
                        @if (auth()->user()->hasPermissionTo('generar-cobroRuta'))
                            <a class="btn btn-info pull-right" href="{{route('generar_cobros',$id)}}" title="Generar todos los cobros para los clientes de esta ruta" style="margin-right: 3px;">
                                <span class="fa fa-cogs"></span> Generar Cobros
                            </a>                            
                        @endif
                        
            </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-body">
                    <div class="row">
                      <div class="col-md-12">
                        <table class="table table-wrap">
                          <tr>
                            <td class="font-weight-bold">Empleado</td>
                            <td>{{$data->empleado_nombres.' '.$data->empleado_apellido1.' '.$data->empleado_apellido2}}</td>
                          </tr>
                          <tr>
                            <td class="font-weight-bold">Nombre de Ruta</td>
                            <td>{{$data->ruta_nombre}}</td>
                          </tr>
                          <tr>
                            <td class="font-weight-bold">Estado</td>
                            <td>
                              @if($data->ruta_estado != '0')
                                <span class="text-success">Activo</span>
                              @else
                                <span class="text-danger">Inactivo</span>
                              @endif
                            </td>
                          </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="card card-box">
                        <div class="card-head">
                            <header>Clientes en la Ruta</header>
                        </div>
                         <div class="card-body">
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Cliente</b></th>
                                            <th><b>Saldo</b></th>
                                            <th><b># de Pago</b></th>
                                            <th><b>Valor a Pagar</b></th>
                                            <th><b>Dirección</b></th>
                                            <th><b>Teléfonos</b></th>
                                            <th><b>Observaciones</b></th>
                                            <th><b>Estado</b></th>
                                            <th><b></b></th>
                                            <th><b></b></th>
                                        </tr>
                                        <tr>
                                            {!! Form::open(['url' => 'cobros/cobrador/rutas/'.$data->ruta_id.'/ver','method'=>'get','id'=>'frmFiltros']) !!}
                                            <input type="hidden" id="accion" name="accion" value="1">
                                            <th></th>
                                            <th>
                                                {!! Form::select('clientes',[],$clients,['id'=>'clientes','class'=>'form-control','style'=>'width: 100%;','onchange'=>"buscar('clientes')",'placeholder'=>'-- Seleccionar --']) !!}
                                            </th>
                                            <th></th>
                                            <th>
                                                {!! Form::text('nro_pago',$nro_pago,['id'=>'nro_pago','class'=>'form-control','placeholder'=>'Código','onkeyup'=>"buscar('nro_pago')"]) !!}
                                            </th>
                                            <th></th>
                                            <th>

                                            </th>
                                            <th></th>
                                            <th>

                                            </th>
                                            <th></th>
                                            <th>
                                               {{--  <input type="checkbox" id="marcarTodo" onclick="marcar(this) /> --}}
                                               <input type="checkbox" id="marcarTodo" onclick="marcar(this)" />
                                            </th>
                                            {!! Form::close() !!}
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(count($details)>0)
                                            @foreach($details as $key => $item)
                                            @php
                                                $data_cobroTemp = $controlador->getLastPagoTemp($item->ruta_por_cliente_cliente_id);
                                                //dd($data_cobroTemp);
                                                $num_pago = '<span class="text-danger">(no definido)</span>';
                                                
                                                if(count($data_cobroTemp) > 0){
                                                    $num_pago = '';
                                                    foreach($data_cobroTemp as $row){
                                                        $num_pago .= '<a href="'.url('cobros/cobrador/rutas/factura/'.($row->pago_id).'/'.$data->ruta_id.'/ver').'" target="_blank" class="text-primary">'.($row->pago_consecutivoT).'</a>,<br>';
                                                    }
                                                }

                                                $data_telefonos = explode(',',str_replace('"','',str_replace('"]','',str_replace('["','',$item->cliente_telefonos))));
                                                $telefonos = '';
                                                foreach($data_telefonos as $tel){
                                                    $telefonos .= $tel.',<br>';
                                                }
                                            @endphp
                                            <tr class="gradeX odd" role="row">
                                                <td>{{$contador++}}</td>
                                                <td>{{$item->cliente_nombres.' '.$item->cliente_apellido1.' '.$item->cliente_apellido2}}</td>
                                                <td>₡{{number_format($controlador->getSaldo($item->cliente_id),2,'.',',') }}</td>

                                                <td></td>
                                                <td>₡{{number_format($controlador->getLastPagosTemporales($item->contrato_id,$item->cliente_id),2,'.',',') }}</td>
                                                <td>{{$item->cliente_direccion }}</td>
                                                <td></td>
                                                <td>{{$item->ruta_por_cliente_observaciones }}</td>
                                                <td></td>
                                                <td>
                                                    <input type="checkbox" id="servicios" value="{{ $item->ruta_por_cliente_id }}">
                                                </td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="{{url('cliente/ver/datos/'.$item->cliente_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>
                                                        <a href="{{url('cliente/editar/'.$item->cliente_id )}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Actualizar">
                                                            <i class="fa fa-edit"></i>
                                                        </a>
                                                    </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">
                                                 {{$details->appends([
                                                    'clientes' => $clientes,
                                                    'nro_pago' => $nro_pago
                                                 ])->links() }}
                                            </div>
                                        </div>
                    </div>




                </div>
            </div>


        </div>
    </div>


<div class="modal" id="comprobantes_pago_modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Generar Comprobantes de Pago</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="{{ route('generar_comprobantes.rutas') }}" method="POST">
        @method('post')
        @csrf
          <div class="modal-body">
            <p>Realmente desea generar los pagos para el listado actual, tenga en cuenta que no se generaran pagos para los clientes cuyos saldo sea igual a <strong>"₡ 0,00"</strong>.</p>
            <input type="hidden" value="{{$id}}" name="id" />
            <input type="date" name="pago_fecha" class="form-control" value="{{date('Y-m-d')}}" />
          </div>
      <div class="modal-footer">
        <button type="submit" class="btn bg-success text-white">Confirmar</button>
        <button type="button" class="btn bg-warning text-white" data-dismiss="modal">Cancelar</button>
      </div>
      </form>
    </div>
  </div>
</div>

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

function marcar(source) {
        //checkboxes = document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input

        checkboxes = document.querySelectorAll('input[type="checkbox"][id="servicios"]:not([disabled])'); // obtenemos solo los checkboxes con id "servicios" y que no estén deshabilitados



        for (i = 0; i < checkboxes.length; i++) {
            checkboxes[i].checked = source.checked; // si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
        }

    }

        function habilitar_descarga(){
              Swal.fire({
                  icon: 'warning',
                  title: 'Confirmar',
                  html: `¿Está seguro de que desea habilitar la descarga de las facturas?`,
                  showCloseButton: true,
                  showCancelButton: true,
                  confirmButtonText:'De Acuerdo',
                  customClass: {
                      confirmButton: 'btn btn-primary',
                      cancelButton: 'btn btn-warning'
                  },
                  }).then((result) => {
                      if (result.isConfirmed){
                        Swal.fire({
                          icon: 'success',
                          title: 'Alerta',
                          text: 'Se ha habilitado la descarga de facturas.',
                          confirmButtonText:'Aceptar',
                          customClass: {
                              confirmButton: 'btn btn-primary'
                          },
                        });

                        $('#accion').val(3);
                        document.getElementById('frmFiltros').submit();
                      }
                  });

        }

        $(document).ready(function(){

            $('#clientes').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url("cliente/data/ajax") }}',
                    delay: 250,
                    //minimumInputLength: 3,
                    data: function(param) {
                            let q = param.term.toLowerCase()
                            var query = {
                                search: q
                            }

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

            $("#btn_generar_comprobantes").click(function(){
                $("#comprobantes_pago_modal").modal("show");
            });
        })


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

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

        function limpiar(){
            $('#nro_pago').val('');
            $('#clientes').val('').change();

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


        function buscar(tipo){

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

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

        }
    </script>
@endsection