@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_rech', 'Documentos Rechazados')</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;"
                        required>
                        <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="startDateRech">@traducir('Desde', 'Desde')</label>
                    <input style="cursor:pointer;" id="startDateRech" class="form-control form-control-sm"
                        type="date" />
                </div>
                <div class="col-2">
                    <label class="text-secondary" style="cursor:pointer;"
                        for="endDateRech">@traducir('Hasta', 'Hasta')</label>
                    <input style="cursor:pointer;" id="endDateRech" 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-success btn-sm verificados position-absolute bottom-0 end-0"
                        href="/verifica-documentos-nuevo/verificacion_cliente"><i class="bi bi-check"></i>
                        @traducir('Documentos verificados', 'Documentos verificados')</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 class="col-md-12 form-group" id="tabla_contrapartes"></div>
        </div>

        <div id="cliente_select_rechazados" class="text-fidelitas py-4 px-4 d-none"></div>
        <div id="notificacion_sin_resultados" class="text-center h5">@traducir('Sin Resultados', 'Sin Resultados')</div>

        <div id="div_rechazados" class="px-0">
            <form method="post" name="frmDocumento" id="frmDocumento" action="/led/led-detalle-documento">
                <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('Rechazado', 'Rechazado')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Detalle', 'Detalle')</th>
                        </tr>
                    </thead>
                    <tbody id="body_rech">
                        @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">
                            <h6 class="modal-title">@traducir('Detalle del documento', 'Detalle del documento')</h6>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></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 () {
            let bbva = <?php echo (Session::get('es_bbva'));?>;
            eventosRechazados(bbva);
            modalDetalleRechazado();
        }); 
    </script>

    @endsection