@extends('layouts.main')
@section('title', 'Gestión de reclamos')
@section('icon', 'fa fa fa-user')

@section('content')
<meta name="csrf-token" content="{{ Session::token() }}">
<meta name="base_url" content="{{ url('/') }}">
<script src="{{asset('js/reporteCantidad.js')}}" type="text/javascript"></script>

<div class="row">

    <div class='col-md-12'>
        <legend id = "titulo"><h4>Reporte Cantidad</h4></legend>
    </div>
    <br><br>
    <div class='row' style='padding:30px;'>
        <input type="hidden" value="{{ csrf_token() }}" id="token">
        <div class="col-md-4 col-md-offset-4">
            <div class="form-group row">
                <label for="cboProyecto_search" class="control-label col-sm-2 input-sm ">Proyecto:</label>
                <div class="col-md-8">
                    <select class='form-control input-sm' id ='cboProyecto_search' name="cboProyecto_search" style="width: 100%">
                        <option value="-1">Todos</option>
                    </select>
                </div>
            </div>
        </div>
        <div class='row'>
            <div class="col-md-8 col-md-offset-2" id="reporte-general"></div>
        </div>
        <br>
        <div class='row'>
            <div class="col-md-10 col-md-offset-1">
                <table class="table" style="border: 1px solid #DDDDDD;" id="tblCantidadTotal">
                    <tr>
                        <th class="tg-baqh centrar">Año</th>
                        <th class="tg-baqh centrar">Ene</th>
                        <th class="tg-baqh centrar">Feb</th>
                        <th class="tg-baqh centrar">Mar</th>
                        <th class="tg-baqh centrar">Abr</th>
                        <th class="tg-baqh centrar">May</th>
                        <th class="tg-baqh centrar">Jun</th>
                        <th class="tg-baqh centrar">Jul</th>
                        <th class="tg-baqh centrar">Ago</th>
                        <th class="tg-baqh centrar">Set</th>
                        <th class="tg-baqh centrar">Oct</th>
                        <th class="tg-baqh centrar">Nov</th>
                        <th class="tg-baqh centrar">Dic</th>
                        <th class="tg-baqh centrar">Total</th>
                        <th class="tg-baqh centrar">Prom YTD</th>
                    </tr>
                </table>
            </div>
        </div>
        <br>
        <div class='row'>
            <div class="col-md-5 col-md-offset-1">
                <table class="table" style="border: 1px solid #DDDDDD;" id="tblCantidadProyecto">
                    <tr>
                        <th class="tg-baqh centrar">Proyecto</th>
                        <th class="tg-baqh centrar">2025</th>
                        <th class="tg-baqh centrar">Prom</th>
                        <th class="tg-baqh centrar">%</th>
                    </tr>
                </table>
            </div>
            <div class="col-md-5" id="reporte-general-proyecto"> </div>
        </div>        
    </div>
</div>
    
@endsection