@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="card-body">
                            {!! Form::open(['url' => 'cliente/consulta/general/','method'=>'get','id'=>'frmFiltros']) !!} 
                            <div class="row mb-3 col-md-12">
                                {!! Form::mtext('documento',$documento,'Documento',$errors,6,false) !!}
                                {!! Form::mtext('nombre',$nombre,'Nombres',$errors,6,false) !!}
                            </div>

                            <div class="row mb-3 col-md-12">
                                {!! Form::mtext('paterno',$paterno,'Primer Apellido',$errors,6,false) !!}
                                {!! Form::mtext('materno',$materno,'Segundo Apelido',$errors,6,false) !!}
                            </div>
                            <div class="float-right mb-3">
                                <div>
                                    <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>
                            <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>
                                                @foreach($data as $key => $cliente)
                                                <tr>
                                                    <td>{{($key+1)}}</td>
                                                    <td>
                                                        @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                                        <input type="hidden" id="accionExpa_{{($idRandom)}}" value="1"><span id="accion_{{($idRandom)}}"><a class="btn btn-default text-black" onclick="mostrar('{{($idRandom)}}')"  data-bs-toggle="tooltip" data-bs-placement="top" title="Expandir"><i class="fa fa-arrows"></i></a></span></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-info" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver">
                                                            <i class="fa fa-eye"></i>
                                                          </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr style="display:none" class="detalle" id="{{($idRandom)}}">
                                                   
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function consultar(){
            var campos  = ['documento','nombre','paterno','materno'];
            let validate = 0;

            for(var i = 0 ; i < campos.length ; i++){
                
                if($('#'+campos[i]).val() == ''){
                    validate++;
                }
            }
            
            if( validate == 4){
                Swal.fire({
                      icon: 'warning',
                      title: 'Advertencia.',
                      text: 'Debe ingresar algun dato para la consulta.',
                      confirmButtonText: 'Aceptar',
                      customClass: {
                        confirmButton: 'btn btn-default'
                      },
                });
            }else{
                document.getElementById("frmFiltros").submit();
            }            
        }
        function limpiar(){
            $('#documento').val('');
            $('#nombre').val('');
            $('#paterno').val('');
            $('#materno').val('');
        }
    </script>
@endsection