@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">Consulta General</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>Consulta General</header>
                        </div>
                        <div class="my-2 pull-right">
                            <a onclick="limpiar()" class="btn btn-warning"><i class="fa fa-filter"></i>Limpiar</a>
                            <a onclick="consultar()" class="btn btn-primary"><i
                                    class="fa fa-search"></i>Consultar</a>
                        </div>
                        <div class="card-body">
                            {!! Form::open(['url' => 'cliente/consulta/general/', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                            <div class="row mb-3">

                                <div class="col-md-6">
                                <label for="">Documento</label>
                                {!! Form::text('documento', $documento, [
                                    'id' => 'documento',
                                    'class' => 'form-control',
                                    'placeholder' => 'Documento',
                                    'onchange' => "buscar('documento')",
                                ]) !!}
                                </div>
                                <div class="col-md-6">
                                    <label for="">Nombre</label>
                                    {!! Form::text('nombre', $nombre, [
                                        'id' => 'nombre',
                                        'class' => 'form-control',
                                        'placeholder' => 'Nombre',
                                        'onchange' => "buscar('nombre')",
                                    ]) !!}
                                </div>

                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="">Primer Apellido</label>
                                    {!! Form::text('paterno', $paterno, [
                                        'id' => 'paterno',
                                        'class' => 'form-control',
                                        'placeholder' => 'Primer Apellido',
                                        'onchange' => "buscar('paterno')",
                                    ]) !!}


                                </div>
                                <div class="col-md-6">
                                    <label for="">Segundo Apellido</label>
                                    {!! Form::text('materno', $materno, [
                                        'id' => 'materno',
                                        'class' => 'form-control',
                                        'placeholder' => 'Segundo Apellido',
                                        'onchange' => "buscar('materno')",
                                    ]) !!}
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="">Email</label>
                                    {!! Form::text('email', $email, [
                                        'id' => 'email',
                                        'class' => 'form-control',
                                        'placeholder' => 'Email',
                                        'onchange' => "buscar('email')",
                                    ]) !!}


                                </div>
                                <div class="col-md-6">
                                    <label for="">Celular</label>
                                    {!! Form::text('celular', $celular, [
                                        'id' => 'celular',
                                        'class' => 'form-control',
                                        'placeholder' => 'Celuar',
                                        'onchange' => "buscar('celular')",
                                    ]) !!}
                                </div>
                                <div class="col-md-6 mt-1">
                                    <label for="">Contrato Código</label>
                                    {!! Form::text('contrato', $contrato_codigo, [
                                        'id' => 'contrato',
                                        'class' => 'form-control',
                                        'placeholder' => 'Contrato Código',
                                        'onchange' => "buscar('contrato')",
                                    ]) !!}
                                </div>
                            </div>

                            
                            {!! Form::close() !!}
                            <div>
                                @if ($data != null)
                                    <div class="table-wrap">
                                        <div class="table-responsive">
                                            <table class="table display product-overview mb-30">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th></th>
                                                        <td><b>Documento</b></td>
                                                        <td><b>Cliente</b></td>
                                                        <td><b>Email</b></td>
                                                        <td><b>Celular</b></td>
                                                        <td><b>Otros Teléfonos</b></td>
                                                        <td><b>Sede</b></td>
                                                        <td><b>Tipo Cliente</b></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if (count($data) > 0)
                                                        @foreach ($data as $key => $cliente)
                                                            <tr>
                                                                <td>{{ $key + 1 }}</td>
                                                                <td>
                                                                    @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                                                    <a class="btn btn-default text-black"
                                                                        data-toggle="collapse"
                                                                        href="#detalle_{{ $idRandom }}" role="button"
                                                                        aria-expanded="false"
                                                                        aria-controls="detalle_{{ $idRandom }}"><i
                                                                            class="fa fa-arrows"></i>
                                                                    </a>
                                                                </td>
                                                                <td>{{ $cliente->cliente_documento }}</td>
                                                                <td>{{ $cliente->cliente_nombres . ' ' . $cliente->cliente_apellido1 . ' ' . $cliente->cliente_apellido2 }}
                                                                </td>
                                                                <td>
                                                                    @if ($cliente->cliente_email == null || $cliente->cliente_email == '')
                                                                        <span class="text-danger">(no definido)</span>
                                                                    @else
                                                                        {{ $cliente->cliente_email }}
                                                                    @endif

                                                                </td>
                                                                <td>{{ $cliente->cliente_celular }}</td>
                                                                <td>
                                                                    @php
                                                                        $telefonos = '';
                                                                        $dataTelefonos = explode(',', $cliente->cliente_telefonos);
                                                                        foreach ($dataTelefonos as $key => $value) {
                                                                            $telefonos .= str_replace('"', '', str_replace('"]', '', str_replace('["', '', $value)));
                                                                            if (count($dataTelefonos) > 1) {
                                                                                $telefonos .= ',<br>';
                                                                            }
                                                                        }
                                                                        echo $telefonos;
                                                                    @endphp
                                                                </td>
                                                                <td>{{ $cliente->entidad_nombre }}</td>
                                                                <td></td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a href="{{ url('cliente/ver/datos/' . $cliente->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/perfil/' . $cliente->cliente_id.'?oficina=cliente') }}"
                                                                            class="btn btn-tbl-edit btn-xs"
                                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                                            title="Editar">
                                                                            <i class="fa fa-pencil"></i>
                                                                        </a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr style="display:none" class="detalle"
                                                                id="{{ $idRandom }}">

                                                            </tr>
                                                            <tr style="background-color:#00cdcd;">
                                                                <td colspan="10" class="collapse multi-collapse"
                                                                    id="detalle_{{ $idRandom }}">
                                                                    <div class="row col-12">
                                                                        <div class="col-md-6">
                                                                            <div class="text-center">
                                                                                <h4 class="text-white"><strong>Contratos
                                                                                        Como Cliente Directo</strong></h4>
                                                                            </div>
                                                                            @php
                                                                                $data_contratos = $controlador->getClienteContrato($cliente->cliente_id);
                                                                            @endphp
                                                                            @if (count($data_contratos) > 0)
                                                                                <div class="table-responsive"
                                                                                    id="detalle_{{ $idRandom }}">
                                                                                    <table class="table table-wrap">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th>#</th>
                                                                                                <th>Contrato #</th>
                                                                                                <th>Sede</th>
                                                                                                <th>Vendedor</th>
                                                                                                <th>Valor Cuota</th>
                                                                                                <th>Estado</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody>
                                                                                            @foreach ($data_contratos as $key => $item)
                                                                                                <tr>
                                                                                                    <td>{{ $key + 1 }}
                                                                                                    </td>
                                                                                                    <td>{{ $item->contrato_codigo }}
                                                                                                    </td>
                                                                                                    <td>{{ $item->entidad_nombre }}
                                                                                                    </td>
                                                                                                    <td>{{ $item->empleado_nombres . ' ' . $item->empleado_apellido1 . ' ' . $item->empleado_apellido2 }}
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        {{ $simbolo_moneda . number_format($controlador->getValorCoutaContrato($item->contrato_id), 2, ',', ',') }}
                                                                                                    </td>
                                                                                                    <td>{{ $controlador->getEstadoLabel($item->contrato_estado) }}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            @endforeach
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            @else
                                                                                <div
                                                                                    class="alert bg-info alert-dismissible">
                                                                                    <i class="fa fa-info"></i> Este cliente
                                                                                    no posee contratos asociados.
                                                                                </div>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="text-center">
                                                                                <h4 class="text-white"><strong>Contratos
                                                                                        Como Beneficiario</strong></h4>
                                                                            </div>
                                                                            <div class="alert bg-info alert-dismissible">
                                                                                <i class="fa fa-info"></i> Este cliente no
                                                                                posee contratos asociados como beneficiario.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                               
                                                    
                                                </tbody>
                                            </table>
                                        </div>

                                        <div>
                                            {{ $data->appends([
                                                'documento' => $documento,
                                                'nombre' => $nombre,
                                                'paterno' => $paterno,
                                                'materno' => $materno,
                                                'email' => $email,
                                                'celular' => $celular,
                                                'contrato' => $contrato_codigo,

                                            ]) }}
                                        </div>

                                        @else
                                            <tr>
                                                <td colspan="10" class="text-center">
                                                    No se encontraron resultados.
                                                </td>
                                            </tr>
                                        @endif
                                    </div>
                                   
                                @else
                                <div class="float-right mb-3">
                                    
                                </div>
                                    <div class="alert bg-info alert-dismissible">
                                        <i class="fa fa-info
                                        "></i> No se han realizado consultas.
                                    </div>

                                    

                                @endif
                            </div>
                            
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $("#accordion").on("hide.bs.collapse show.bs.collapse", e => {
            console.log(e);
            $(e.target)
                .prev()
                .find("i:last-child")
                .toggleClass("fa-minus fa-plus");
        });

        function consultar() {
            var campos = ['nombre', 'paterno', 'materno'];
            var idDocumento = $('#documento').val();
            let validate = 0;

            for (var i = 0; i < campos.length; i++) {

                if ($('#' + campos[i]).val() == '') {
                    validate++;
                }
            }

            if (validate == 3 && idDocumento == '') {
                Swal.fire({
                    icon: 'warning',
                    title: 'Advertencia.',
                    text: 'Debe ingresar algun dato para la consulta.',
                    confirmButtonText: 'Aceptar',
                    customClass: {
                        confirmButton: 'btn btn-default'
                    },
                });
            } else if (idDocumento == '' && validate == 2) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Advertencia.',
                    text: 'Para realizar la consulta sin número de documento, debe ingresar mínino dos de los demás campos.',
                    confirmButtonText: 'Aceptar',
                    customClass: {
                        confirmButton: 'btn btn-default'
                    },
                });
            } else {
                document.getElementById("frmFiltros").submit();
            }
        }

        function limpiar() {
            $('#documento').val('');
            $('#nombre').val('');
            $('#paterno').val('');
            $('#materno').val('');
            $('#email').val('');
            $('#celular').val('');
            $('#contrato').val('');

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

                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }
        }
    </script>
@endsection