@extends('layouts.dashboard')

@section('section-main')
    <ul class="nav nav-tabs nav-pills flex-column flex-sm-row" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="web-sales" data-toggle="tab" href="#sales" role="tab" aria-controls="sales" aria-selected="true">
                Reporte de ventas en la web
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="detailed-orders" data-toggle="tab" href="#orders" role="tab" aria-controls="orders" aria-selected="false">
                Reporte de ordenes detallado
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="tickets-details-tab" data-toggle="tab" href="#tickets-details" role="tab" aria-controls="tickets-details" aria-selected="true">
                Boletas Generadas
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="export-tickets" data-toggle="tab" href="#tickets" role="tab" aria-controls="tickets" aria-selected="false">
                Exportar Tickets
            </a>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="sales" role="tabpanel" aria-labelledby="web-sales">
            <div class="row justify-content-center mt-5">
                <div class="col-xl-6 col-lg-8 col-md-9 col-sm-10">
                    <form action="{{ route('admin.reports.web_sales', $event->id) }}" method="POST" id="frm-web-sales">
                        @csrf
                        @method('POST')

                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="web-sales-date-start">Fecha desde</label>
                                <input type="text" class="form-control datepicker" id="web-sales-date-start" name="date_start">
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="web-sales-date-end">Fecha hasta</label>
                                <input type="text" class="form-control datepicker" id="web-sales-date-end" name="date_end">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="web-sales-status">Estatus</label>
                                <select name="status" id="web-sales-status" class="form-control">
                                    <option value="">[Todos]</option>
                                    @foreach (config('cons.order-status') as $value => $text)
                                        <option value="{{ $value }}">{{ $text }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="web-sales-source">Origen</label>
                                <select name="source" id="web-sales-source" class="form-control">
                                    <option value="">[Todos]</option>
                                    <option value="0">Web</option>
                                    @foreach ($sources as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }} {{ $item->lastname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col text-center">
                                <button type="submit" class="btn btn-secondary">Procesar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="orders" role="tabpanel" aria-labelledby="detailed-orders">
            <div class="row justify-content-center mt-5">
                <div class="col-xl-6 col-lg-8 col-md-9 col-sm-10">
                    <form action="{{ route('admin.reports.detailed_orders', $event->id) }}" method="POST" id="frm-detailed-orders">
                        @csrf
                        @method('POST')

                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="detailed-orders-date-start">Fecha desde</label>
                                <input type="text" class="form-control datepicker" id="detailed-orders-date-start" name="date_start">
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="detailed-orders-date-end">Fecha hasta</label>
                                <input type="text" class="form-control datepicker" id="detailed-orders-date-end" name="date_end">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="detailed-orders-status">Estatus</label>
                                <select name="status" id="detailed-orders-status" class="form-control">
                                    <option value="">[Todos]</option>
                                    @foreach (config('cons.order-status') as $value => $text)
                                        <option value="{{ $value }}">{{ $text }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="detailed-orders-source">Origen</label>
                                <select name="source" id="detailed-orders-source" class="form-control">
                                    <option value="">[Todos]</option>
                                    <option value="0">Web</option>
                                    @foreach ($sources as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }} {{ $item->lastname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col text-center">
                                <button type="submit" class="btn btn-secondary">Procesar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="tickets-details" role="tabpanel" aria-labelledby="tickets-details-tab">
            <div class="row justify-content-center mt-5">
                <div class="col-xl-6 col-lg-8 col-md-9 col-sm-10">
                    <form action="{{ route('admin.reports.tickets_detailed', $event->id) }}" method="POST" id="frm-tickets-details-tab">
                        @csrf
                        @method('POST')

                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="exports-tickets-date-start">Fecha desde</label>
                                <input type="text" class="form-control datepicker" id="exports-tickets-date-start" name="date_start">
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="exports-tickets-date-end">Fecha hasta</label>
                                <input type="text" class="form-control datepicker" id="exports-tickets-date-end" name="date_end">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col text-center">
                                <button type="submit" class="btn btn-secondary">Exportar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="tickets" role="tabpanel" aria-labelledby="export-tickets">
            <div class="row justify-content-center mt-5">
                <div class="col-xl-6 col-lg-8 col-md-9 col-sm-10">
                    <form action="{{ route('admin.reports.exports_tickets', $event->id) }}" method="POST" id="frm-export-tickets">
                        @csrf
                        @method('POST')

                        <div class="form-row">
                            <div class="form-group form-default col-md-6">
                                <label for="exports-tickets-date-start">Fecha desde</label>
                                <input type="text" class="form-control datepicker" id="exports-tickets-date-start" name="date_start">
                            </div>
                            <div class="form-group form-default col-md-6">
                                <label for="exports-tickets-date-end">hasta</label>
                                <input type="text" class="form-control datepicker" id="exports-tickets-date-end" name="date_end">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col text-center">
                                <button type="submit" class="btn btn-secondary">Procesar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection