@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => 'Appointments Report',
                'search' => $search,
                'searchPlaceholder' => 'Search Appointment...',
                'list' => $orders,
                'export' => 'admin.appointment-reports.excel',
                'filter' => true,
            ])
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>#</th>
                                    <th>Appointment Id</th>
                                    @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                                        <th>Branch Name</th>
                                        <th>Type of Service</th>
                                    @endif
                                    <th>Date & Time</th>
                                    @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                                        <th>Staff Name</th>
                                    @endif
                                    <th>Services</th>
                                    <th>Total Cost</th>
                                    <th>Customer Name & Phone</th>
                                    <th>Payment Mode</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                                @forelse($orders as $key => $order)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $order->order_no }}</td>
                                        @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                                            <td>{{ isset($order->branch->name_en) ? ucwords($order->branch->name_en) : '-' }}
                                            </td>
                                            <td>{{ isset($order->serviceType->service_en) ? ucwords($order->serviceType->service_en) : '-' }}
                                            </td>
                                        @endif
                                        <td>{{ isset($order->date) ? Modules\Admin\Helpers\GeneralHelper::dateFormat($order->date) : '-' }}<br />
                                            {{ isset($order->start_time) ? Modules\Admin\Helpers\GeneralHelper::convertAMPM2($order->start_time) : '-' }}
                                            {{ isset($order->end_time) ? ' - ' . Modules\Admin\Helpers\GeneralHelper::convertAMPM2($order->end_time) : '-' }}
                                        </td>
                                        @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                                            <td>{{ isset($order->staff->name) ? ucwords($order->staff->name) : '-' }}
                                            </td>
                                        @endif
                                        <td>
                                            @forelse ($order->services as $service)
                                                <span
                                                    class="badge badge-info">{{ isset($service->name_en) ? ucfirst($service->name_en) : '' }}</span>
                                            @empty
                                                <span class="badge badge-danger">NA</span>
                                            @endforelse
                                        </td>
                                        <td>
                                            {{ __('static.egp') . $order->payable_amount + $order->wallet }}
                                        </td>
                                        <td>
                                            <strong>{{ isset($order->user->name) ? $order->user->name : '' }}</strong><br />
                                            {{ isset($order->user->mobileCode->dial_code) ? $order->user->mobileCode->dial_code : '' }}
                                            {{ isset($order->user->mobile_number) ? $order->user->mobile_number : '' }}
                                        </td>
                                        <td>{{ $order->payment_mode ? ucfirst($order->payment_mode) : '-' }}</td>

                                        <td><span
                                                class="badge {{ $order->status == App\Helpers\ConstantHelper::COMPLETED ? 'badge-success' : 'badge-warning' }}">{{ ucfirst($order->status) }}</span>
                                        </td>
                                        <td>
                                            @if (Auth::user()->hasPermission('admin.bookings.show'))
                                                <a href="{{ url('admin/bookings/' . $order->id) }}"><i
                                                        class="fa fa-eye"></i>
                                                    {{ __('admin.view_details') }}</a>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="12">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Pagination --}}
                {{ $orders->appends(request()->input())->links('admin::partials.pagination') }}
                {{-- Pagination End --}}
            </div>
        </div>
    </section>



    <div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content bg-light modalPad">
                <form id="filter-form">
                    <div class="modal-header position-relative border-0">
                        <div class="">
                            <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                                <img src="{{ asset('admin-assets/img/close.svg') }}" />
                            </button>
                            <div class="">
                                <h5>Report</h5>
                                <p class="mb-0">Filter</p>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body pt-0">
                        <div class="row">
                            @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::SUPER_ADMIN]))
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleFormControlSelect1">Select Business User</label>
                                        <select class="form-control selectpicker" name="user_id">
                                            <option value="">All</option>
                                            @foreach ($businessUsers as $user)
                                                <option value="{{ $user->id }}"
                                                    @if ($user->id == $user_selected || old('user_id') == $user->id) selected @endif>
                                                    {{ ucwords($user->name) }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @endif
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">Select Branch</label>
                                    <select class="form-control selectpicker" name="branch_id">
                                        <option value="">All</option>
                                        @foreach ($branches as $branch)
                                            <option value="{{ $branch->id }}"
                                                @if ($branch->id == $branch_selected || old('branch_id') == $branch->id) selected @endif>
                                                {{ ucwords($branch->name_en) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">From Date</label>
                                    <input type="date" name="from_date" value="{{ $fromDate }}" id="from_date"
                                        class="form-control" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">To Date</label>
                                    <input type="date" name="to_date" id="to_date" value="{{ $toDate }}"
                                        class="form-control" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">Status</label>
                                    <select class="form-control selectpicker" id="status" name="status">
                                        <option value="">Select</option>
                                        @foreach ($ordersStatus as $key => $orderStatus)
                                            <option value="{{ $orderStatus }}"
                                                @if ($orderStatus == $selectedStatus) selected @endif>
                                                {{ ucwords($orderStatus) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 mt-1">
                                <button type="submit" class="btn btn-primary" onclick="this.form().submit();">Apply
                                    Filters</button>
                                <button type="button" class="btn btn-primary" onclick="clearFilter()">Clear</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        var user = $('#user');
        user.on('change', function() {
            if (this.selectedIndex) return; //not `Select All`
            user.find('option:gt(0)').prop('selected', true);
            user.find('option').eq(0).prop('selected', false);
        });

        var branch = $('#branch');
        branch.on('change', function() {
            if (this.selectedIndex) return; //not `Select All`
            branch.find('option:gt(0)').prop('selected', true);
            branch.find('option').eq(0).prop('selected', false);
        });

        //clear filter

        function clearFilter() {
            document.getElementById("filter-form").reset();
            const currentUrl = new URL(window.location.href);
            currentUrl.searchParams.delete('user_id');
            currentUrl.searchParams.delete('branch_id');
            currentUrl.searchParams.delete('from_date');
            currentUrl.searchParams.delete('to_date');
            currentUrl.searchParams.delete('status');
            const newUrl = currentUrl.origin + currentUrl.pathname;
            window.location.href = newUrl;
        }
    </script>
@endsection