@extends('menu/menu')
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

@section('content')
<img id="loading" src="{{ asset('../sistemacaja/public/loading-cargando.gif') }}" style="display:none ;opacity:0.8; width: 100px; height: 100px;"  alt="Cargando...">

    <hr class="separador mb-5">


    <div class="card p-5"  >
   
        <div class="row" > 

         <div class="container" id="container_loading" style="display: ">
        
            <!-- Agregar ruta del controlador reemplazando por registro.php y descomentar lineas 
                <form action="registro.php" method="post">-->
                  {{-- <img id="loading" src="loading-cargando.gif" alt="Cargando..."> --}}

   <form action="{{route('verinformesbiuno') }}" method="get" class="needs-validation"  onsubmit="mostrarCarga()">
    @csrf


    <div class="row">
        <div class="col-sm-6 form-group mx-auto">
          <label for="clientes">Seleccionar Proveedor</label>
          <select class="custom-select mayuscula opcionesSele" required id="clientes" name="proveedor" required>
            <option selected disabled>Seleccionar</option>
            @if (!empty($databases))
            @foreach ($databases as $data)
            {{-- @if( strtoupper($clientes->razon_social) != "GLOBAL") --}}
            <option value="{{ $data->Database }}">{{ucfirst(strtolower($data->Database ))}}
              {{-- @endif --}}
            </option>
            @endforeach
            @endif
          </select>
        </div>

      </div>
      <div class="row">
        <div class="col-sm-6 form-group mx-auto">

     
            <div>
                <label for="">Fecha Inicio</label>
                <input type="date" required name="f_inicio" class="form-control" name="" id="">
            </div>
            
            <div>
                <label for="">Fecha Fin</label>
                <input type="date" required name="f_fin" class="form-control" name="" id="">
            </div>
        </div>
      </div>
      <div class="text-center mt-5">

        <input type="submit" class="btn btn-prim w-25" value="Siguiente" style="display:" id="boton_siguiente">
      </div>
</form>
</div>



@endsection
<script>
function mostrarCarga() {
  document.getElementById("loading").style.display = "block";
  document.getElementById("container_loading").style.display = "none";

  
}
  </script>

  <style>
    #loading {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
  </style>