@extends('layouts.app')

@section('content')

    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <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">Listar Asociaciones Solidaristas</li>
                    </ol>
                </div>
            </div>


             <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Listar Asociaciones Solidaristas</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <!--<a href="{{ url('usuarios/nuevo-usuario') }}" class="btn btn-info mb-3">Crear Usuario</a>&nbsp;&nbsp;-->
                                   <!-- <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>-->
                                </div>
                                <div class="tools float-right">
                                    {!! Form::open(['url' => 'reportes_asociaciones','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="2">

                                    <div class="btn-group">
                                        <a href="{{url('reportes/listar_asociaciones')}}" class="btn btn-default dropdown-toggle">
                                            <i class="fa fa-repeat"></i>
                                        </a>
                                    </div>

                                        <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>

                                </div>
                            </div><br>
                            <div class="table-wrap">
                                <span class="text-muted">Mostrando {{$data->firstItem()}} - {{$data->lastItem()}} de {{$data->total()}}</span>
                                <div class="table-responsive ">
                                    <table class="table display product-overview  table-bordered">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Identificación</b></th>
                                            <th><b>Asociación Solidarista</b></th>
                                            <th><b>Asociacion Padre</b></th>
                                            <th><b>Siglas</b></th>
                                            <th><b>Telefono Principal</b></th>
                                            <th><b>Otros Telefonos</b></th>
                                            <th><b>Localidad</b></th>
                                            <th><b>Dirección</b></th>
                                            <th><b>Email</b></th>
                                            <th><b>Autoriza Envio Email</b></th>
                                            <th><b>Es recaudador?</b></th>
                                            <th><b>Visalice IVA</b></th>
                                            <th><b>Visalice Factura</b></th>
                                            <th><b>Encargado Código</b></th>
                                            <th><b>Estado</b></th>
                                        </tr>

                                        <tr>

                                            <th></th>

                                            <th>
                                                {!! Form::text('documento',$documento,['id'=>'documento','class'=>'form-control','placeholder'=>'Documento','onchange '=>"buscar('documento')"]) !!}
                                            </th>

                                            <th>

                                                {!! Form::text('asociacion',$asociacion,['id'=>'asociacion','class'=>'form-control','placeholder'=>'Asociacion','onchange '=>"buscar('asociacion')"]) !!}
                                            </th>

                                            <th>
                                               {{--  {!! Form::text('telefono',$telefono,['id'=>'telefono','class'=>'form-control','placeholder'=>'Télefono','onchange '=>"buscar('telefono')"]) !!} --}}
                                            </th>

                                            <th>
                                                {!! Form::text('siglas',$siglas,['id'=>'siglas','class'=>'form-control','placeholder'=>'Siglas','onchange '=>"buscar('sglas')"]) !!}
                                            </th>

                                            <th>
                                                 {!! Form::text('telefono',$telefono,['id'=>'telefono','class'=>'form-control','placeholder'=>'Telefono','onchange '=>"buscar('telefono')"]) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('telefono_otro',$telefono_otro,['id'=>'telefono_otro','class'=>'form-control','placeholder'=>'Otros Télefonos','onchange '=>"buscar('telefono_otro')"]) !!}
                                            </th>

                                            <th>
                                                {{-- {!! Form::text('localidad',$localidad,['id'=>'localidad','class'=>'form-control','placeholder'=>'Localidad','onchange '=>"buscar('localidad')"]) !!} --}}
                                                {!! Form::select('localidad', $localidades,$localidad,['id'=>'localidad','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('localidad')",'placeholder'=>'Localidades']) !!}
                                            </th>

                                            <th>
                                                {!! Form::text('direccion',$direccion,['id'=>'direccion','class'=>'form-control','placeholder'=>'Dirección','onchange '=>"buscar('direccion')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('email',$email,['id'=>'email','class'=>'form-control','placeholder'=>'Email','onchange '=>"buscar('email')"]) !!}
                                            </th>
                                            <th>
                                               {{--  {!! Form::text('email_auth',$email_auth,['id'=>'email_auth','class'=>'form-control','placeholder'=>'Autoriza Email','onchange '=>"buscar('email_auth')"]) !!} --}}
                                                {!! Form::select('email_auth', ['0'=>'No','1'=>'Si'], $email_auth, ['id'=>'email_auth','placeholder' => 'Autoriza Email','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('impuesto')"])  !!}
                                            </th>
                                            <th>
                                               {{--  {!! Form::text('recaudador',$recaudador,['id'=>'recaudador','class'=>'form-control','placeholder'=>'Es Recaudador','onchange '=>"buscar('recaudador')"]) !!} --}}

                                                {!! Form::select('recaudador', ['0'=>'No','1'=>'Si'], $recaudador, ['id'=>'impuesto','placeholder' => 'Es Recadudador','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('impuesto')"])  !!}

                                            </th>
                                            <th>
                                                {{-- {!! Form::text('impuesto',$impuesto,['id'=>'recaudador','class'=>'form-control','placeholder'=>'Visualiza IVA','onchange '=>"buscar('impuesto')"]) !!} --}}

                                                {!! Form::select('impuesto', ['0'=>'No','1'=>'Si'], $impuesto, ['id'=>'impuesto','placeholder' => 'Visualiza IVA','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('impuesto')"])  !!}
                                            </th>
                                            <th>

                                                {!! Form::select('factura', ['0'=>'No','1'=>'Si'], $factura, ['id'=>'factura','placeholder' => 'Visualiza IVA','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('factura')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::select('empleado', [],$empleado,['id'=>'empleado','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('empleado')",'placeholder'=>'Encargado']) !!}
                                                <input type="hidden" name="empleado_id" value="{{$empleado}}">
                                                {{-- {!! Form::select('empleado',$encargados,$empleado,['id'=>'empleado','class'=>'form-control select2','placeholder'=>'Empleado','style'=>'width: 100%;','onchange '=>"buscar('empleado')"]) !!} --}}
                                            </th>
                                            <th>
                                                {!! Form::select('estado', ['0'=>'Inactiva','1'=>'Activa'], $estado, ['id'=>'estado','placeholder' => 'Estado','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('estado')"])  !!}


                                            </th>
                                            {!! Form::close() !!}
                                        </tr>

                                        <tbody>

                                            @if(count($data)>0)
                                            @foreach($data as $item)
                                                <tr>
                                                    <td>
                                                        {{ $contador++ }}
                                                    </td>
                                                    <td>
                                                        {{ $item->cliente_entidad_documento   }}
                                                    </td>
                                                    <td>
                                                        {{ $item->cliente_entidad_nombre }}
                                                    </td>
                                                    <td>
                                                        <b></b>
                                                    </td>
                                                    <td>
                                                        {{ $item->cliente_entidad_sigla }}
                                                    </td>
                                                    <td>
                                                        {{ $item->cliente_entidad_telefono_principal }}
                                                    </td>
                                                    <td>
                                                        @if ($item->cliente_entidad_otros_telefonos)
                                                        @php
                                                        $str = $item->cliente_entidad_otros_telefonos;
                                                        $new = str_replace('["','',$str);
                                                        $new = str_replace('"]', '', $new);
                                                        $new = str_replace(',', ' , ', $new);
                                                        $telefono_formateado = str_replace('"', '', $new);
                                                     @endphp
                                                    {{ $telefono_formateado }}
                                                    @else

                                                        @endif

                                                    </td>

                                                    <td>
                                                        @if ($item->localidad_nombre)
                                                        {{ $item->localidad_nombre }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    <td @if(Str::length($item->cliente_entidad_direccion)>50) class="resumen" data-texto-completo="{{ $item->cliente_entidad_direccion }}" @endif>
                                                        @if ($item->cliente_entidad_direccion)
                                                            {{ Str::limit($item->cliente_entidad_direccion, 50) }}
                                                        @else
                                                            <span class="text-danger"></span>
                                                        @endif
                                                    </td>
                                                    {{-- <td>
                                                        <textarea readonly cols="30" style="resize: none">
                                                            {{  $item->cliente_entidad_direccion }}

                                                        </textarea>
                                                    </td> --}}

                                                    <td>
                                                        {{ $item->cliente_entidad_email }}
                                                    </td>

                                                    @if ($item->cliente_entidad_autoriza_envio_email)
                                                        <td>
                                                            Si
                                                        </td>
                                                    @else
                                                        <td>
                                                            No
                                                        </td>
                                                    @endif


                                                    @if ($item->cliente_entidad_es_recaudador)
                                                        <td>Si</td>
                                                    @else
                                                        <td>No</td>
                                                    @endif

                                                    @if ($item->cliente_entidad_visualice_impuesto)
                                                        <td>Si</td>
                                                    @else
                                                        <td>No</td>
                                                    @endif


                                                    @if ($item->cliente_entidad_visualice_factura)
                                                        <td>Si</td>
                                                    @else
                                                        <td>No</td>
                                                    @endif

                                                    <td>
                                                        {{ $item->empleado_nombres.' '.$item->empleado_apellido1.' '.$item->empleado_apellido2 }}
                                                    </td>

                                                    @if (is_null($item->cliente_entidad_estado_id))
                                                        <td>

                                                        </td>
                                                        @else
                                                        @if ($item->cliente_entidad_estado_id)
                                                            <td>Activa</td>
                                                        @else
                                                            <td>Inactiva</td>
                                                        @endif
                                                    @endif

                                                </tr>

                                            @endforeach
                                            @else
                                            <tr>
                                                <td colspan="16" 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(['documento'=>$documento, 'asociacion'=>$asociacion, 'empleado'=>$empleado, 'siglas'=>$siglas, 'estado'=>$estado, 'email_auth'=>$email_auth, 'recaudador'=>$recaudador, 'impuesto'=>$impuesto, 'factura'=>$factura, 'localidad'=>$localidad, 'direccion'=>$direccion, 'telefono'=>$telefono, 'telefono_otro'=>$telefono_otro])->links() }}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Modal --}}
    <div class="modal" id="modal">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-body">
              <!-- Aquí se mostrará el contenido resumido del <td> -->
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
            </div>
          </div>
        </div>
      </div>
@endsection


@section('script')
    <script type="text/javascript">
      $(document).ready(function(){
            $("#empleado").select2({
                placeholder: 'Seleccione un empleado...',
                minimumInputLength: 3,
                language: {
                    errorLoading: function() {
                        return "Iniciando..."
                    },
                    noResults: function() {
                        return "Empleado no encontrado, intente nuevamente.";
                    },
                    searching: function() {
                        return "Buscando Empleado...";
                    },
                    inputTooShort: function () {
                        return "Introduce minimo 3 caracteres, para iniciar la busqueda del empleado.";
                    }
                },
                ajax: {
                    url: "/reportes_asociaciones_lista_encargado",
                    type: "get",
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            _token : $('meta[name="csrf-token"]').attr('content'),
                            searchTerm: params.term // search term
                        };
                    },
                    processResults: function (response) {
                        return {
                            results: response
                        };
                    },
                    cache: true
                }
            });

             //modal texto completo
             $('.resumen').on('click', function() {
    var content = $(this).data('texto-completo');
    $('.modal-body').html(content);
    $('#modal').modal('show');
  });

  // Cierra el modal
  $('.modal-footer').on('click', 'button', function() {
    $('#modal').modal('hide');
  });
        })

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



        function buscar(tipo){

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

            switch(tipo){

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

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

                case 'siglas':
                    document.querySelector('#siglas').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
               /*  case 'localidad':
                    document.querySelector('#localidad').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break; */
                case 'direccion':
                    document.querySelector('#direccion').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 'telefono':
                    document.querySelector('#telefono').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;

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

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

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

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

                case 'empleado':
                    document.querySelector('#empleado').addEventListener('change', function(e) {
                        alert('hi')
                        // if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        // }
                    });
                break;

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

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

        }

        $('#empleado').on("select2:select", function(e) {
            document.getElementById("frmFiltros").submit();
        });



    </script>
@endsection