@extends('header_nuevo_generico')
@section('main')

<div class="container-fluid mt-5">
    <div class="container-fluid py-4 px-3">
        <div class="row justify-content-center my-3">
            <div class="col-xl-12 col-lg-12 col-md-12">
                <h3 class="text-center text-fidelitas">@traducir('Doc_verif', 'Documentos Verificados')</h3>
            </div>
        </div>
        <!-- -->
        <form name="form_clientes" id="form_clientes" method="post" class="form-signin">
            {{ csrf_field() }}
            <input type="hidden" name="inputStartDate" id="inputStartDate">
            <input type="hidden" name="inputEndDate" id="inputEndDate">
            <div class="row">
                <div class="col-3">
                    <label for="cliente" class="text-secondary">@traducir('Cliente', 'Cliente')</label>
                    <select name="cliente" id="cliente" class="form-select form-select-sm" style="cursor:pointer;">
                        <option value="0">@traducir('Seleccione Cliente', 'Seleccione Cliente')...</option>
                        @foreach ($clientes as $cli)
                            <option value="{{$cli->cliente}}">{{$cli->nombre_cliente}} (Cod. {{$cli->cli_codigo}})</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2">
                    <label class="text-secondary" style="cursor:pointer;"
                        for="startDateVerif">@traducir('Desde', 'Desde')</label>
                    <input style="cursor:pointer;" id="startDateVerif" class="form-control form-control-sm"
                        type="date" />
                </div>
                <div class="col-2">
                    <label class="text-secondary" style="cursor:pointer;"
                        for="endDateVerif">@traducir('Hasta', 'Hasta')</label>
                    <input style="cursor:pointer;" id="endDateVerif" class="form-control form-control-sm" type="date" />
                </div>
                <div class="col-1 position-relative">
                    <button type="button" class="btn btn-primary btn-sm position-absolute bottom-0 start-0"
                        id="btnBuscarDocsCliente"><i class="bi bi-search"></i>@traducir('Buscar', 'Buscar')</button>
                </div>
                <div class="col-4 position-relative">
                    <a type="button" class="btn btn-danger btn-sm position-absolute bottom-0 end-0 rechazados"
                        href="/verifica-documentos-nuevo/rechazados_cliente"><i
                            class="bi bi-x"></i>@traducir('Documentos rechazados', 'Documentos rechazados')</a>
                </div>
            </div>
        </form>
        <!-- -->
    </div>

    <div class="row">
        <div class="col-md-12 text-center">
            <div id="loading" class="text-center text-fidelitas pt-5 d-none">
                <span class="spinner-border" role="status" aria-hidden="true"></span>&nbsp;&nbsp;
                <span class="fs-3"> @traducir('Cargando', 'Cargando')... </span>
            </div>
        </div>
        <div class="col-md-12 form-group" id="tabla_contrapartes"></div>
    </div>
    <!-- -->
    <div id="cliente_select_verificados" class="text-fidelitas py-4 px-3 d-none"></div>
    <div id="notificacion_sin_resultados" class="text-center h5 d-none">@traducir('Sin Resultados', 'Sin Resultados')
    </div>
    <!-- -->
    <div id="div_verificados" class=" px-1">
        <form method="post" name="frmDocumento" id="frmDocumento"
            action="/verifica-documentos-nuevo/detalle-documento-verificado">
            <input type="hidden" name="_token" value="{{csrf_token()}}">
            <input type="hidden" name="doc_id" value="" id="doc_id">
            <input type="hidden" name="user_id" value="{{$user_id}}" id="user_id">
        </form>
        <!-- -->
        <div class="container-fluid">
            <table id="tablaDocumentos" class="table table-condensed table-striped table-hover pt-2">
                <thead class="table-header-fidelitas">
                    <tr>
                        <th>@traducir('Cliente', 'Cliente')</th>
                        <th>@traducir('Contraparte', 'Contraparte')</th>
                        <th>@traducir('Pais', 'Pais')</th>
                        <th>@traducir('Identificacion', 'Identificacion')</th>
                        <th>@traducir('Documento', 'Documento')</th>
                        <th>@traducir('contraparte_creada', 'Creacion Contraparte')</th>
                        <th>@traducir('Vigencia', 'Vigencia')</th>
                        <th>@traducir('Cargado', 'Cargado')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Verificado', 'Verificado')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Detalle', 'Detalle')</th>
                    </tr>
                </thead>
                <tbody id="body_verif">
                    @foreach($docs as $doc)
                        <tr>
                            <td class='nombre_cliente'>{{ $doc->nombre_cliente }}</td>
                            <td class='nombre_persona'>{{ $doc->nombre_persona }}</td>
                            <td class='text-center country_name'>{{ $doc->country_name }}({{ $doc->country_code }})</td>
                            <td class='text-center identificacion'>{{ $doc->abreviatura }} {{ $doc->identificacion }}</td>
                            <td class='text-left nombre_tipo_doc'>{{ $doc->nombre_tipo_doc }}</td>
                            <td class='text-center'>{{ $doc->created }}</td>
                            <td class='text-center'>{{ $doc->fecha_vigencia }}</td>
                            <td class='text-center'>{{ $doc->ingresado }}</td>
                            <td class='d-none'>{{ $doc->ingresado_ymd }}</td>
                            <td class='text-center'>{{ $doc->rechazado ?? '' }} {{ $doc->rechazado_por_usuario }}</td>
                            <td class='d-none'>{{ $doc->rechazado_ymd }}</td>
                            <td class='text-center'>
                                <button type='button' class='btn btn-outline-fidelitas btn-sm fs-5 detalle'
                                    title='Detalle del documento' data-doc-id='{{ $doc->doc_id }}' data-bs-toggle='modal'
                                    data-bs-target='#modalDocumento'><i class='bi bi-files'></i></button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <!-- -->
        <div id="modalDocumento" class="modal fade">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 class="modal-title">@traducir('Detalle del documento', 'Detalle del documento')</h3>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                    </div>
                    <div class="modal-body" id="documento_edit"></div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('funcionesJS')

<script type="text/javascript"
    src="{{ URL::asset('Libreria_CA/Js/funciones_verifica_doc_nuevo.js') }}?v={{time()}}"> </script>

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        var bbva = <?php echo (Session::get('es_bbva'));?>;
        eventosVerificadosCliente(bbva);
        //
    }); 
</script>

@endsection