@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">
    <div class="card-header header-elements-inline pb-1">
        <h5 class="card-title">{!! trans('dashboard.report.reports') !!}</h5>
    </div>
    <div class="card-body">
        <section id="nav-filled">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card overflow-hidden">
                        <div class="card-content">
                            <div class="card-body">
                                <ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a data-item="order" class="nav-link pt-2 {{ request('report_type') == 'order' || !request('report_type') ? 'active' : null }}" id="order-tab-fill" data-toggle="tab" href="#order-fill" role="tab" aria-controls="order-fill" aria-selected="true">{!! trans('dashboard.order.orders') !!}</a>
                                    </li>
                                    <!--<li class="nav-item">-->
                                        <!--<a data-item="reservation" class="nav-link pt-2 {{ request('report_type') == 'reservation' ? 'active' : null }}" id="reservation-tab-fill" data-toggle="tab" href="#reservation-fill" role="tab" aria-controls="reservation-fill" aria-selected="false">-->
                                            <!--{!! trans('dashboard.reservation.reservations')!!}-->
                                        <!--</a>-->
                                    <!--</li>-->
                                    <li class="nav-item">
                                        <a data-item="client" class="nav-link pt-2 {{ request('report_type') == 'client' ? 'active' : null }}" id="client-tab-fill" data-toggle="tab" href="#client-fill" role="tab" aria-controls="client-fill" aria-selected="false">{!! trans('dashboard.client.clients') !!}</a>
                                    </li>
                                    <!--<li class="nav-item">-->
                                    <!--    <a data-item="driver" class="nav-link pt-2 {{ request('report_type') == 'driver' ? 'active' : null }}" id="driver-tab-fill" data-toggle="tab" href="#driver-fill" role="tab" aria-controls="driver-fill" aria-selected="false">{!! trans('dashboard.driver.drivers') !!}</a>-->
                                    <!--</li>-->
                                    <li class="nav-item">
                                        <a data-item="product" class="nav-link pt-2 {{ request('report_type') == 'product' ? 'active' : null }}" id="product-tab-fill" data-toggle="tab" href="#product-fill" role="tab" aria-controls="product-fill" aria-selected="false">{!! trans('dashboard.product.products') !!}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a data-item="branch" class="nav-link pt-2 {{ request('report_type') == 'branch' ? 'active' : null }}" id="branch-tab-fill" data-toggle="tab" href="#branch-fill" role="tab" aria-controls="branch-fill" aria-selected="false">{!! trans('dashboard.branch.branches') !!}</a>
                                    </li>
                                </ul>

                                <div class="tab-content">
                                        <div class="tab-pane {{ request('report_type') == 'order' || !request('report_type') ? 'active' : null }}" id="order-fill" role="tabpanel" aria-labelledby="order-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.order.orders') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.order')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane {{ request('report_type') == 'reservation' ? 'active' : null }}" id="reservation-fill" role="tabpanel" aria-labelledby="reservation-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.reservation.reservations') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.reservation')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane {{ request('report_type') == 'product' ? 'active' : null }}" id="product-fill" role="tabpanel" aria-labelledby="product-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.product.products') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.product')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane {{ request('report_type') == 'client' ? 'active' : null }}" id="client-fill" role="tabpanel" aria-labelledby="client-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.client.clients') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.client')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane {{ request('report_type') == 'driver' ? 'active' : null }}" id="driver-fill" role="tabpanel" aria-labelledby="driver-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.driver.drivers') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.driver')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane {{ request('report_type') == 'branch' ? 'active' : null }}" id="branch-fill" role="tabpanel" aria-labelledby="branch-tab-fill">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h4 class="card-title">{!! trans('dashboard.branch.branches') !!}</h4>
                                                </div>
                                                <div class="card-content">
                                                    <div class="card-body">
                                                        @include('dashboard.report.tabs.branch')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@includeWhen(isset($orders), 'dashboard.report.data.order')
@includeWhen(isset($reservations), 'dashboard.report.data.reservation')
@includeWhen(isset($products), 'dashboard.report.data.product')
@includeWhen(isset($clients), 'dashboard.report.data.client')
@includeWhen(isset($drivers), 'dashboard.report.data.driver')
@includeWhen(isset($branches), 'dashboard.report.data.branch')
@endsection


@include('dashboard.report.scripts')