@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => 'Coupon Report',
                'search' => $search,
                'searchPlaceholder' => 'Search Promotion...',
                'list' => $offers,
                'export' => 'admin.coupon-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>Business User Name</th>
                                    <th>Branch Name</th>
                                    <th>Service Name</th>
                                    <th>Coupon Value</th>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th>Status</th>
                                </tr>
                                @forelse($offers as $key => $offer)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>
                                            {{ isset($offer->createdBy->name) ? ucwords($offer->createdBy->name) : '-'}}
                                        </td>
                                        <td>
                                            @php
                                                $branchNames = $offer->branches->pluck('name_en')->implode(', ');
                                            @endphp
                                            {{ isset($branchNames) ? ucwords($branchNames) : '-' }}
                                        </td>
                                        <td>
                                            @php
                                                $serviceNames = $offer->services->pluck('name_en')->implode(', ');
                                            @endphp
                                            {{ isset($serviceNames) ? ucwords($serviceNames) : '-' }}
                                        </td>
                                        <td>{{ isset($offer->discount) ?  $offer->discount : '-' }} </td>
                                        <td>{{ $offer->start_date ? Modules\Admin\Helpers\GeneralHelper::dateFormat($offer->start_date) : '-' }}</td>
                                        <td>{{ $offer->end_date ? Modules\Admin\Helpers\GeneralHelper::dateFormat($offer->end_date) : '-' }}</td>
                                        <td><span
                                                class="badge bad-status @if ($offer->status == 'active') badge-success @else badge-danger @endif">{{ ucfirst($offer->status) }}</span>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Pagination --}}
                {{ $offers->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">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">Select Business User</label>
                                    <select class="form-control selectpicker" id="name" name="name">
                                        <option value="">Select</option>
                                        @foreach ($businessUsers as $key => $businessUser)
                                            <option value="{{ $businessUser->first_name . ' ' . $businessUser->last_name }}" @if ($businessUser->first_name . ' ' . $businessUser->last_name == $selected_name || old('name') == $businessUser->first_name . ' ' . $businessUser->last_name) selected @endif>
                                                {{ ucwords($businessUser->first_name . ' ' . $businessUser->last_name) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">Service Name</label>
                                    <select class="form-control selectpicker" id="service" name="service">
                                        <option value="">Select</option>
                                            @foreach ($services as $key => $service)
                                                <option value="{{ $service->name_en }}" @if ($service->name_en == $selected_services || old('service') == $service->name_en) selected @endif>{{ ucwords($service->name_en) }}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">Branch Name</label>
                                    <select class="form-control selectpicker" id="branch" name="branch">
                                        <option value="">Select</option>
                                            @foreach ($branches as $key => $branch)
                                                <option value="{{ $branch->name_en }}" @if ($branch->name_en == $selected_branch || old('branch') == $branch->name_en) selected @endif>{{ ucwords($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();">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>
    function clearFilter() {
        document.getElementById("filter-form").reset();
        const currentUrl = new URL(window.location.href);
        currentUrl.searchParams.delete('name');
        currentUrl.searchParams.delete('service');
        currentUrl.searchParams.delete('branch');
        const newUrl = currentUrl.origin + currentUrl.pathname;
        window.location.href = newUrl;
    }
</script>
@endsection