@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Reporte Mensual</strong></li>
    </ul>
    @if (session('message'))
        <div class="alert {{ session('alert') }} mb-3">
            {!! session('message') !!}
        </div>
    @endif
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Reporte Mensual</h1>
        </div>
        <div class="col-md">
            <form class="row align-items-end justify-content-end form-registro form-enter" method="post" class="form-inline"
                id="form-reporte-caja" onsubmit="return cargarReporteCajaSucursal()">
                <div class="col-auto form-group pl-0 agregar-fecha-dia">
                    <label for="tipo-fecha" class="d-block small mb-0">Mes</label>
                    <input type="month" name="fecha" class="form-control form-control-sm input-date" required="required"
                        max="">
                </div>
                <div class="col-auto form-group pl-0 agregar-fecha-dia">
                    <label for="tipo-fecha" class="d-block small mb-0">Sucursal</label>
                    <select name="sucursal" id="sucursal" class="form-control form-control-sm select2"
                        required="required">
                        <option value="todas">Todas</option>
                        @if (isset($sucursales) && !empty($sucursales))
                            @foreach ($sucursales as $sucursal)
                                <option value="{{ $sucursal->sucursal_id }}">{{ $sucursal->sucursal_nombre }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-auto form-group pl-0">
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Buscar</button>
                </div>
            </form>
        </div>
    </div>
    <div class="card list-reporte-caja">
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th class="text-left">Sucursal</th>
                        <th class="text-left">Total</th>
                        @if (isset($formasDePago) && !empty($formasDePago))
                            @foreach ($formasDePago as $formaDePago)
                                <th class="text-left">{{ $formaDePago->forma_pago_nombre }}</th>
                            @endforeach
                        @endif
                    </tr>
                </thead>
                <tbody class="tbody-reporte-caja">
                    @include('dashboard.caja.tr-reporte-sucursales')
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('scripts')
@endsection