@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.users') }}</div>
            <div class="card-body">
                <form action="{{ route('reports.user') }}" 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="status" id="status" class="form-control">
                                <option value="">Seleccione Estado</option>
                                @foreach ($statuses as $status)
                                    <option value="{{ $status->status }}" selected>{{ $status->status }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select name="province" id="province" class="form-control">
                                <option value="">Seleccione provincia</option>
                                @foreach ($provinces as $province)
                                    <option value="{{ $province->id }}" selected>{{ $province->name }}</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.user.export',['status'=>$statusSelected,'province'=>$provinceSelected,'search'=>$searchSelected]) }}" class="btn btn-success">Exportar</a>
                        </div>
                        
                    </div>


                </form>
                <div class="table-responsive">
                @include('tables.user_report')
                </div>
                {{-- <div class="row">
    @foreach ($records as $record)
    <div class="col-sm-6">
        @include('cards.order_header')
    </div>
    @endforeach
</div> --}}
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal " id="orderDetail" tabindex="-1" role="dialog" aria-labelledby="orderDetailLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header" id="detalleTitulo">

                </div>

                <div class="modal-body" id="detalleContenido">

                </div>
                <div class="modal-footer flex-column align-items-end">
                    {{-- <div style="width: 80%"><h4 class="float-left">Subtotal: <div id="detalleSubtotal"></div></h4></div>
                    <div style="width: 80%"><h4 class="float-left">IVA: <div id="detalleIva"></div></h4></div>
                    <div style="width: 80%"><h4 class="float-left">Total: <div id="detalleTotal"></div></h4></div> --}}
                    <div class="detalleTotales float-left">
                    </div>
                    {{-- <div>
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Subtotal</th>
                                    <th>IVA</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td id="detalleSubtotal"></td>
                                    <td id="detalleIva"></td>
                                    <td id="detalleTotal"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div> --}}
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Cerrar</button>
                </div>
            </div>
        </div>
    </div>
    {{-- {!! $records->render() !!} --}}
@endSection


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