@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2">
        <div class="col-md-6 col-sm-9">
            <h2 class="text-fidelitas display-6 text-center">Clientes Imperium</h2>
            <h4 class="text-fidelitas text-center">Período {{ $periodo }}</h4>
        </div>
    </div>
    <form id="frmClientesImperium">
        {{ csrf_field() }}
        <input type="hidden" name="cliente" id="cliente">
        <input type="hidden" name="nombre_cliente" id="nombre_cliente">
        <input type="hidden" name="accion" id="accion">
        <div class="row justify-content-center">
            <p class="text-center">Seleccione el periodo que desea ver:</p>
            <div class="col-2">
                <label for="desde">desde</label>
                <input id="desde" name="desde" type="date" class="form-control form-control-sm" format="Y-m-d" value="{{ $mes->format('Y-m-d') }}">
            </div>
            <div class="col-2">
                <label for="hasta">hasta</label>
                <input id="hasta" name="hasta" type="date" class="form-control form-control-sm" value="{{ $hoy->format('Y-m-d') }}">
            </div>
            <div class="col-1 d-flex align-items-end justify-content-center">
                <button type="button" class="btn btn-sm btn-fidelitas" id="refrescar"><i class="bi bi-arrow-clockwise"></i> Refrescar Datos</button>
            </div>
        </div>
        
    </form>
    <div id="cargandoTabla" class="row justify-content-center my-2 mt-5">
		<div class="spinner-border text-success" role="status">
  			<span class="visually-hidden">Loading...</span>
		</div>
	</div>
    <div id="error" class="row justify-content-center my-2 mt-5 d-none">
		<div class="text-danger text-center">Ocurrió un error en la búsqueda...</div>
	</div>
    <div class="col mt-5 col-md-12">                
		<div class="row justify-content-center my-3" id="tablaClientes"></div>	                
    </div>   	
</div>
<a class="d-none" id="descarga_reporte">DOWNLOAD</a>
<input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
<div class="modal" id="modal-loading-documentos" data-backdrop="static">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-body text-center">
                <div class="spinner-border text-fidelitas" role="status">
                  <span class="visually-hidden">Loading...</span>
                </div>
                <div>Cargando</div>
            </div>
        </div>
    </div>
</div>
<form action="/blue/servicios-contratados-contrapartes" id="frmClientesImperiumContrapartes" method="POST">
    {{ csrf_field() }}
    <input type="hidden" name="cliente" id="cliente_imp">
    <input type="hidden" name="nombre_cliente" id="nombre_cliente_imp">
    <input type="hidden" name="producto" id="producto_imp">               
</form>

@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_imperium_paneles.js') }}?v={{rand()}}"></script>   
<script>
    $(document).ready(function() {
        dataClientes();
        $('#refrescar').on('click',function(e){
            e.preventDefault();
            dataClientes();
        })
	});
</script>  
@endsection