@extends('layouts.app')
@section('breadcrumb')
    <li class="breadcrumb-item">
        order_header
    </li>
@endsection
@section('header')
    <h3><i class="fa fa-list"></i> order_header </h3>
@endsection


@section('content')
    <div class="container">
        <div class='card'>
            <div class="card-header">{{ __('pages.report') }} {{ __('pages.commissions') }}</div>
            <div class="card-body">
                <form action="{{ route('reports.commissions') }}" method="GET" class="mb-4">
                    <div class="row">
                        @csrf
                        <div class="col-sm-2">
                            <input type="text" name="search" class="form-control m-1" placeholder="Buscar..." value="{{$searchSelected}}" />
                        </div>
                        
                        <div class="col-sm-2">
                            <select name="month" id="month" class="form-control">
                                <option value="">Seleccione mes</option>
                                @foreach ($months as $month)
                                    <option value="{{ $month->month }}" selected>{{ $month->month }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select name="year" id="year" class="form-control">
                                <option value="">Seleccione año</option>
                                @foreach ($years as $year)
                                    <option value="{{ $year->year }}" selected>{{ $year->year }}</option>
                                @endforeach
                                
                            </select>
                        </div>
                        <div class="col-sm-1">
                            <button type="submit" class="btn btn-primary">Buscar</button>
                        </div>
                        <div class="col-sm-1">
                            <a href="{{ route('reports.commissions.export',['month'=>$monthSelected,'year'=>$yearSelected,'search'=>$searchSelected]) }}" class="btn btn-success">Exportar</a>
                        </div>
                    </div>
                </form>
                <div class="table-responsive">
                @include('tables.commissions_report')
                </div>
                {{-- <div class="row">
    @foreach ($records as $record)
    <div class="col-sm-6">
        @include('cards.order_header')
    </div>
    @endforeach
</div> --}}
            </div>
        </div>
    </div>

@endSection


@push('custom-scripts')
        <script type="module">
            $(document).ready(function() {
                
            });
        </script>
@endpush