@extends('admin.admin_dashboard_hipotecario')  
@section('content')

        
<div class="pc-container">
    <div class="pc-content">
 
        <div class="card"> 
              <div class="card-body">
                  <h2 class="mb-0">Reporte de Eficiencia</h2>
                <div class="text-end p-4 pb-0"> 
                </div>
         
        <div class="col-sm-12">

      <!-- [ breadcrumb ] start -->
     <form role="form" method="POST" enctype="multipart/form-data" action="{{ route('reporte_eficiencia_excel') }}">
      <div class="row"> 
            @csrf
          <div class="col-md-12"> 
 
        <div class="row">

            <div class="col-md-6">
                <label for="fecha_inicio" class="form-label">Fecha Inicio</label>
                <input type="date" name="fecha_inicio" class="form-control" required>
            </div>

            <div class="col-md-6">
                <label for="fecha_fin" class="form-label">Fecha Fin</label>
                <input type="date" name="fecha_fin" class="form-control" required>
            </div>

            <div class="col-md-6 mt-3">
                <label for="id_coordinador" class="form-label">Coordinador</label>
                <select name="id_coordinador" id="id_coordinador" class="form-control">
                    <option value="">— Todos los coordinadores —</option>
                    @foreach($coordinadores as $coordinador)
                        <option value="{{ $coordinador->id }}">{{ $coordinador->name }}</option>
                    @endforeach
                </select>
            </div>

        </div>

            <div class="col-md-6">
              <div class="text-end btn-page mb-0 mt-4">
                <a href="#" class="btn btn-outline-secondary">Regresar</a> 
                <button type="submit" class="btn btn-primary">Descargar Excel</button>
              </div>
            </div>  

        </div> 

        </form>
      <!-- [ Main Content ] end -->
        </div>
      </div>
    </div>

  </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>

 <style type="text/css"> 
        .pc-container{
          padding-top: 50px;
        }
    </style>

@endsection