@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('/') }}">
<meta name="name_report" content="gasto">
<script src="{{asset('js/reportes.js')}}" type="text/javascript"></script>
<style>
    .tg-baqh {text-align: center;font-size: 12px;}
</style>
<div class="row">

    <div class='col-md-12'>
        <legend id = "titulo"><h4>Reporte de Gasto</h4></legend>
    </div>
    <br><br>
    <div class='row' style='padding:30px;'>
        <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-10">
                    <select class='form-control input-sm filter_cboProyecto_gasto' id ='cboProyecto_search' name="cboProyecto_search" style="width: 100%">
                        <option value="-1">Todos</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class='row'>
        <div class="col-md-4 col-md-offset-1">
            <table class="table" style="border: 1px solid #DDDDDD;" id="tblGastoCantidad">
                <tr>
                    <th class="tg-baqh">Nro</th>
                    <th class="tg-baqh">Categoría</th>
                    <th class="tg-baqh">MES</th>
                    <th class="tg-baqh">ULT 3M</th>
                    <th class="tg-baqh">2025</th>
                    <th class="tg-baqh">2024</th>
                </tr>
            </table>
        </div>
        <div class="col-md-4 col-md-offset-1">
            <table class="table" style="border: 1px solid #DDDDDD;" id="tblGastoMonto">
                <tr>
                    <th class="tg-baqh">Nro</th>
                    <th class="tg-baqh">Categoría</th>
                    <th class="tg-baqh">MES</th>
                    <th class="tg-baqh">ULT 3M</th>
                    <th class="tg-baqh">2025</th>
                    <th class="tg-baqh">2024</th>
                </tr>
            </table>
        </div>
    </div>
    <div class='row'>
        <div class="col-md-4 col-md-offset-1" id="grafico-gasto-cantidad"></div>
        <div class="col-md-4 col-md-offset-1" id="grafico-gasto-soles">
            
        </div>
    </div>
</div>
    
@endsection