@extends('layouts.dashboard')

@section('dashboard')

	
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Informe de comisiones</strong></li>
    </ul>
    <div class="row align-items-center">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-1">Informe de comisiones</h1>
        </div>
        <div class="col-md">
            <form method="get" class="row form-registro align-items-center justify-content-end" id="form-ventas">
                <div class="col-md-auto form-group">
                	<label class="d-block small mb-0">Mes</label>
                    <select class="form-control sm-form-control select2" name="mes" id="mes" onchange="cargarForm('form-ventas')">
                        <option value="01">Enero</option>
                        <option value="02">Febrero</option>
                        <option value="03">Marzo</option>
                        <option value="04">Abril</option>
                        <option value="05">Mayo</option>
                        <option value="06">Junio</option>
                        <option value="07">Julio</option>
                        <option value="08">Agosto</option>
                        <option value="09">Septiembre</option>
                        <option value="10">Octubre</option>
                        <option value="11">Noviembre</option>
                        <option value="12">Diciembre</option>
                    </select>
                </div>
                <div class="col-md-auto form-group">
                	<label class="d-block small mb-0">Año</label>
                    <select name="anio" id="anio" class="form-control sm-form-control select2" onchange="cargarForm('form-ventas')">
                        @for($i = date('Y'); $i >= 2019; $i--)
                            <option value="{{ $i }}" selected="selected">{{ $i }}</option>
                        @endfor
                    </select>  
                </div>
                <div class="col-md-3 form-group">
                	<label class="small mb-0">Buscar</label>
                    <input type="search" name="buscar" id="buscar" class="form-control sm-form-control" placeholder="Buscar" value="{{ $buscar }}" onfocusout="cargarForm('form-ventas')">
                </div>
            </form>
        </div>
    </div>
    @if(session('message'))
        <div class="alert {{ session('alert') }} mb-3">
            {{ session('message') }}
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Vendedor</th>
                            <th>Total Neto Vendido</th>
                            <th>% Comisión</th>
                            <th>Valor Neto Comisión</th>
                        </tr>
                    </thead>
                    <tbody>
                    	@include('dashboard.dte.table-informe-comisiones')
                    </tbody>
                </table>
            </div>
        </div>
    </div>
            
@endsection