@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => __('master.service_master'),
                'search' => $search,
                'searchPlaceholder' => __('placeholder.search_service'),
                'create' => 'admin.services.create',
                'list' => $services,
                'addNew' => 'admin.services.reorder',
                'addNewText' => 'Reorder',
                '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">
                    {{-- @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::SUPER_ADMIN]))
                        <ul class="nav nav-tabs customer-tab-profile">
                            <li class="nav-item profileLink">
                                <a
                                    href="{{ route('admin.services.index') }}"class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.services.index' ? 'active' : '' }}">
                                    <i class="iconly-boldDanger"></i>{{ __('admin.pending_for_approval') }}
                                </a>
                            </li>
                            <li class="nav-item profileLink">
                                <a href="{{ route('admin.services.approved') }}"
                                    class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.services.approved' ? 'active' : '' }}">
                                    <i class="iconly-boldShield-Done"></i>{{ __('admin.approved') }}
                                </a>
                            </li>
                        </ul>
                    @endif --}}
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="Pending">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="mb-3">
                                        <div class="dashbed-border-bottom"></div>
                                    </div>
                                </div>
                                @forelse ($services as $key => $service)
                                    <div class="col-md-4">
                                        <div class="card package-section">
                                            <div class="row">
                                                <div class="col-12">
                                                    <h5>{{ $locale == App\Helpers\ConstantHelper::ENGLISH  ? $service->name_en : $service->name_ar }}</h5>
                                                    <h6>{{ __('admin.created_on') }}:
                                                        {{ $service->created_at ? Modules\Admin\Helpers\GeneralHelper::dateFormat($service->created_at) : '' }}
                                                    </h6>
                                                    @php
                                                        $discount = isset($service->serviceView->discount) ? $service->serviceView->discount : 0;
                                                        $homePrice = isset($service->serviceView->home_price) ? $service->serviceView->home_price : 0;
                                                        $centerPrice = isset($service->serviceView->center_price) ? $service->serviceView->center_price : 0;
                                                    @endphp
                                                    @if ($homePrice > 0)
                                                        <p> {{__('label.home_service')}}: {{ __('admin.sar') }}
                                                            {{ round($homePrice - ($homePrice * $discount) / 100) }}
                                                            @if ($discount > 0)
                                                                <strike>{{ __('admin.sar') }}
                                                                    {{ $homePrice }}</strike>
                                                                <span class="badge badge-secondary">{{ $discount }}%
                                                                    {{ __('admin.off') }}</span>
                                                            @endif
                                                        </p>
                                                    @endif
                                                    @if ($centerPrice > 0)
                                                        <p> {{__('label.center_price')}} : {{ __('admin.sar') }}
                                                            {{ round($centerPrice - ($centerPrice * $discount) / 100) }}
                                                            @if ($discount > 0)
                                                                <strike>{{ __('admin.sar') }}
                                                                    {{ $centerPrice }}</strike>
                                                                <span class="badge badge-secondary">{{ $discount }}%
                                                                    {{ __('admin.off') }}</span>
                                                            @endif
                                                        </p>
                                                    @endif
                                                    {{-- @if (isset($service->serviceTypes))
                                                        @foreach ($service->serviceTypes as $serviceType)
                                                            @php
                                                                $discount = 0;
                                                                $totalDiscount = 0;
                                                                $price = $orginalPrice = isset($serviceType->pivot->price) ? $serviceType->pivot->price : 0;
                                                                if (isset($service->offers) && $price) {
                                                                    foreach ($service->offers as $offer) {
                                                                        $discount_amount = ($price * $offer->discount) / 100;
                                                                        $price = $price - $discount_amount;
                                                                        $discount = $discount + $discount_amount;
                                                                    }
                                                                }
                                                                $totalDiscount = ($discount * 100) / $orginalPrice;
                                                            @endphp
                                                            <p> {{ $serviceType->service_en }} : {{ __('admin.sar') }}
                                                                {{ round($price) }}
                                                                @if ($totalDiscount > 0)
                                                                    <strike>{{ __('admin.sar') }}
                                                                        {{ $orginalPrice }}</strike>
                                                                    <span
                                                                        class="badge badge-secondary">{{ $totalDiscount }}%
                                                                        {{ __('admin.off') }}</span>
                                                                @endif
                                                            </p>
                                                        @endforeach --}}
                                                    {{-- @endif --}}
                                                </div>
                                                <div class="col-md-12 pack-details">
                                                    <p>{{ __('label.artist_business') }}</p>
                                                    <h5>{{ isset($service->createdBy->name) ? $service->createdBy->name : '' }}
                                                    </h5>
                                                </div>
                                                <div class="col-md-12 pack-details">
                                                    <p>{{ __('admin.category_included') }}</p>
                                                    <h5>{{ $locale == App\Helpers\ConstantHelper::ENGLISH  ? (isset($service->category->title_en) ? ucfirst($service->category->title_en) : '') : (isset($service->category->title_ar) ? ucfirst($service->category->title_ar) : '') }}
                                                    </h5>
                                                </div>
                                                <div class="col-md-6 pack-details">
                                                    <p>{{ __('admin.ideal_time') }}</p>
                                                    <h5>{{ $service->time }} {{ __('master.minutes') }}</h5>
                                                </div>
                                                <div class="col-md-6 pack-details">
                                                    <p>{{ __('admin.service_for') }}</p>
                                                    <h5><strong>{{ $locale == App\Helpers\ConstantHelper::ENGLISH  ? $service->name_en : $service->name_ar }}</strong></h5>
                                                </div>
                                                <div class="col-md-12 d-flex justify-content-between pack-action">
                                                    @if (Auth::user()->hasPermission('admin.services.delete'))
                                                        <a href="javascript:;"
                                                            data-url="/api/admin/services/{{ $service->id }}"
                                                            data-request="remove"
                                                            class="btn-md card-btn btn-outline-secondary"><i
                                                                class="iconly-boldDelete"></i>{{ __('admin.delete') }}</a>
                                                    @endif
                                                    @if (Auth::user()->hasPermission('admin.services.edit'))
                                                        <a href="{{ url('admin/services/edit/' . $service->id) }}"
                                                            class="btn-md card-btn btn-primary"
                                                            title="Edit Service">{{ __('admin.edit') }}</a>
                                                    @endif
                                                    @if (Auth::user()->hasPermission('admin.services.show'))
                                                        <a href="{{ url('admin/services/show/' . $service->id) }}"
                                                            class="btn-md card-btn btn-primary"
                                                            title="View Service">{{ __('admin.view') }}</a>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @empty
                                    <div class="col-md-4">
                                        <p class="text-danger">{{ __('admin::message.no_records_found') }}</p>
                                    </div>
                                @endforelse

                            </div>
                            <div class="pagination_rounded">
                                {{-- Pagination --}}
                                {{ $services->appends(request()->input())->links('admin::partials.pagination') }}
                                {{-- Pagination End --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>

    {{-- modal for filter  --}}

    <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>{{ __('admin.list_of_services') }}</h5>
                                <p class="mb-0">{{ __('label.filter') }}</p>
                            </div>

                        </div>
                    </div>
                    <div class="modal-body pt-0">

                        @php
                            $isSuperAdmin = '';
                            $isSuperAdmin = auth()
                                ->user()
                                ->hasRole([App\Helpers\ConstantHelper::SUPER_ADMIN]);
                               
                            $isBusinessUser = '';
                            $isBusinessUser = auth()
                                ->user()
                                ->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]);
                        @endphp
                        <div class="row">
                            <div class="col-md-6" style="display: {{ $isSuperAdmin ? 'none' : 'block' }};">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">{{ __('admin.select_categories') }}</label>
                                    <select class="form-control selectpicker" name="category" id="category">
                                        <option value="">{{ __('label.Select') }}</option>
                                        @foreach ($categories as $key => $category)
                                            <option value="{{ $category->title_en }}"
                                                {{ $category->title_en == $requestCategory ? 'selected' : '' }}>
                                                {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $category->title_ar : $category->title_en }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6" style="display: {{ $isSuperAdmin ? 'none' : 'block' }};">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">{{ __('admin.select_status') }}</label>
                                    <select class="form-control selectpicker" name="status" id="status">
                                        <option value="">{{ __('label.Select') }}</option>
                                        @foreach ($statuss as $key => $status)
                                            <option value="{{ $status }}"
                                                {{ $status == $requestStatus ? 'selected' : '' }}>{{__('static.'.$status) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6" style="display: {{ $isBusinessUser ? 'none' : 'block' }};">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">{{ __('admin.business_user') }}</label>
                                    <select class="form-control select2" name="business_user[]" id = "business_user_id"
                                        multiple>
                                        <option value="all">{{ __('admin.all') }}</option>
                                        @foreach ($businessUsers as $key => $businessUser)
                                            <option value="{{ $businessUser->id }}"
                                                {{ $userId == $businessUser->id ? 'selected' : '' }}>
                                                {{ $businessUser->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6" style="display: {{ $isBusinessUser ? 'none' : 'block' }};">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">{{ __('admin.branches') }}</label>
                                    <select class="form-control select2" name="branch_id[]" id="branch_id" multiple
                                        onchange="multidropdownall('/api/admin/services/get-branches', 'branch','', '');">
                                        <option value="all">{{ __('admin.all') }}</option>
                                        @foreach ($branches as $key => $branch)
                                            <option value="{{ $branch->id }}"
                                                {{ $branchId == $branch->id ? 'selected' : '' }}>
                                                {{ ucfirst($branch->name_en) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 mt-1">
                                <button type="submit" class="btn btn-primary"
                                    onclick="this.form().submit();">{{ __('label.apply_filter') }}</button>
                                <button type="button" class="btn btn-primary"
                                    onclick="clearFilter()">{{ __('admin.clear') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @section('script')
        <script>
            $('#branch_id').on('change', function() {
                var selectedValues = $(this).val();
                if (selectedValues.length > 0) {
                    $.each(selectedValues, function(index, value) {
                        if (value == 'all') {
                            $("#branch_id option[value!='all']").prop('disabled', true);
                        } else if (value != 'all') {
                            $("#branch_id option[value='all']").prop('disabled', true);
                        } else {
                            $('#branch_id').prop('disabled', false);
                        }
                    });
                } else {
                    $("#branch_id option[value!='all']").prop('disabled', false);
                    $("#branch_id option[value='all']").prop('disabled', false);
                }

            });

            $('#business_user_id').on('change', function() {
                var selectedValues = $(this).val();
                if (selectedValues.length > 0) {
                    $.each(selectedValues, function(index, value) {
                        if (value == 'all') {
                            $("#business_user_id option[value!='all']").prop('disabled', true);
                        } else if (value != 'all') {
                            $("#business_user_id option[value='all']").prop('disabled', true);
                        } else {
                            $('#business_user_id').prop('disabled', false);
                        }
                    });
                } else {
                    $("#business_user_id option[value!='all']").prop('disabled', false);
                    $("#business_user_id option[value='all']").prop('disabled', false);
                }

            });

            function clearFilter() {
                document.getElementById("filter-form").reset();
                const currentUrl = new URL(window.location.href);
                currentUrl.searchParams.delete('category');
                currentUrl.searchParams.delete('status');
                currentUrl.searchParams.delete('branch');
                currentUrl.searchParams.delete('business_user');
                const newUrl = currentUrl.origin + currentUrl.pathname;
                window.location.href = newUrl;
            }

            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);
            });
        </script>
    @endsection
@endsection