@extends('layouts.app', ['title' => __('Restaurants Sales')])
@section('admin_title')
{{__('Restaurants Sales')}}
@endsection
@section('content')
@include('restorants.partials.modals')
<style>
    /* Ensure the Select2 container has 100% width */
    .select2-container {
        width: 100% !important;
        /* Ensures the select box itself takes 100% width */
    }
</style>
<style>
    .btn-focus {
        background-color: #007bff;
        /* Change to your preferred focus color */
        color: white;
        /* Text color */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        /* Optional shadow for effect */
    }
</style>
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5">

</div>

<div class="container-fluid mt--7">
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="btn-group" role="group" aria-label="Filter" style="background-color: white !important;border-radius: 5px; padding: 10px;">
                <a href="{{ route('superadmin.restaurants.sales', ['filter' => 'daily']) }}"
                    class="btn {{ $filter == 'daily' ? 'btn-focus' : '' }}">Daily</a>
                <a href="{{ route('superadmin.restaurants.sales', ['filter' => 'weekly']) }}"
                    class="btn {{ $filter == 'weekly' ? 'btn-focus' : '' }}">Weekly</a>
                <a href="{{ route('superadmin.restaurants.sales', ['filter' => 'monthly']) }}"
                    class="btn {{ $filter == 'monthly' ? 'btn-focus' : '' }}">Monthly</a>
                <a href="{{ route('superadmin.restaurants.sales', ['filter' => 'quarterly']) }}"
                    class="btn {{ $filter == 'quarterly' ? 'btn-focus' : '' }}">Quarterly</a>
                <a href="{{ route('superadmin.restaurants.sales', ['filter' => 'yearly']) }}"
                    class="btn {{ $filter == 'yearly' ? 'btn-focus' : '' }}">Yearly</a>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">

                    <div class="row align-items-center">
                        <div class="col-4">
                            <h3 class="mb-0">{{ __('Restaurants Sales') }}</h3>
                        </div>

                    </div>
                </div>

                <div class="col-12">
                    @include('partials.flash')
                </div>
                <div class="table-responsive">
                    <table class="table align-items-center table-flush">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">{{ __('Id') }}</th>
                                <th scope="col">{{ __('Name') }}</th>
                                <th scope="col">{{ __('Owner') }}</th>
                                <th scope="col">{{ __('Phone Number') }}</th>
                                <th scope="col">{{ __('City') }}</th>
                                <th scope="col">{{ __('State') }}</th>
                                <th scope="col">{{ __('Zip Code') }}</th>
                                <th scope="col">{{ __('Sales Value') }}</th>
                                <th scope="col">{{ __('Zip Code') }}</th>
                                <th scope="col">{{ __('Comission Rate') }}</th>
                                <th scope="col">{{ __('Creation Date') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($orders as $order)
                            <tr>
                                <td>{{ $order->restorant->id }}</td>
                                <td>{{ $order->restorant->name }}</td>
                                <td>{{ $order->restorant->user ? $order->restorant->user->name:__('Deleted') }}</td>
                                <td>
                                    @php
                                    $phone = preg_replace('/\D/', '', $order->restorant->phone); // remove non-digits
                                    if (strlen($phone) === 10) {
                                    $phone = '(' . substr($phone, 0, 3) . ')' . substr($phone, 3, 3) . '-' . substr($phone, 6);
                                    }
                                    @endphp

                                    {{ $phone }}
                                </td>
                                 <td>
                                    {{ $order->restorant->city}}
                                </td>
                                <td>
                                    {{ $order->restorant->state}}
                                </td>
                                <td>
                                    {{ $order->restorant->zip_code}}
                                </td>
                                <td>{{ number_format($order->total_sales, 2) }}</td>
                                <td>{{ $order->restorant->zip_code }}</td>
                                <td>{{ $order->restorant->fee }}%</td>
                                <td>{{ \Carbon\Carbon::parse($order->last_order_date)->format('Y-m-d H:i') }}</td>
                            </tr>
                            @endforeach
                        </tbody>

                        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


                    </table>
                </div>
                <div class="card-footer py-4">
                    <nav class="d-flex justify-content-end" aria-label="...">
                        {{ $orders->links() }}
                    </nav>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth')
</div>
<script type="text/javascript">
    var resUrl = "{{ route('admin.restaurants.edit', 0) }}";
</script>
@endsection