@extends('layouts.admin')

@section('title')
    Advertisment
@endsection

@section('page_title')
    Ads
@endsection
@push('page_style')
    @include('include.dataTableStyles')
@endpush

@section('content')
    <!-- Main content -->

    <section class="mainAdds">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">ADS</h1>
                </div>

            </div>
        </div>
        <!-- /.content-header -->

        <div class="row">
            <div class="col-12">
                <div class="card data-table">
                    <div class="filterheader">
                        <div class="headingfilter">
                            <h3 class="card-title">List of all Ads</h3>

                            {{-- <div class="form-group sellertypeFilter">
                                <label>Ads filter by :</label>
                                <select id='is_approved' class="form-control" style="width: 200px">
                                    <option value="{{ \App\Models\Advertisment::IS_APPROVED }}">Approved</option>
                                    <option value="{{ \App\Models\Advertisment::IS_NOT_APPROVED }}" selected="">New Ads
                                    </option>
                                    <option value="{{ \App\Models\Advertisment::REJECTED }}">Rejected</option>
                                </select>
                            </div> --}}

                            <div class="form-group sellertypeFilter">
                                <label>Ads filter by:</label><br>
                            
                                <div class="form-group sellertypeFilter" style="display: flex; gap: 25px; flex-wrap: wrap; margin-top: 10px;">
                                    <button class="form-control" style="cursor: pointer; width:150px" name="is_approved" id="is_approved" type="button" value="{{ \App\Models\Advertisment::IS_APPROVED }}" onclick="getListOfAdsCategoryWise({{ \App\Models\Advertisment::IS_APPROVED }}, 'is_approved')">Approved</button>

                                    <button class="form-control" style="cursor: pointer; width:150px" name="is_not_approved" id="is_not_approved" type="button" value="{{ \App\Models\Advertisment::IS_NOT_APPROVED }}" onclick="getListOfAdsCategoryWise({{ \App\Models\Advertisment::IS_NOT_APPROVED }})">New Ads</button>

                                    <button class="form-control" style="cursor: pointer; width:150px" name="is_rejected" id="is_rejected" type="button" value="{{ \App\Models\Advertisment::REJECTED }}" onclick="getListOfAdsCategoryWise({{ \App\Models\Advertisment::REJECTED }})">Rejected</button>

                                    <button class="form-control" style="cursor: pointer; width:150px" name="is_trashed" id="is_trashed" type="button" value="{{ \App\Models\Advertisment::IS_TRASHED }}" onclick="getListOfAdsCategoryWise({{ \App\Models\Advertisment::IS_TRASHED }})">Trashed</button>

                                    <input type="hidden" id="filter_is_approved" value="{{ \App\Models\Advertisment::IS_NOT_APPROVED }}">
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-md-6 d-none">
                            <div class="request_btn">
                                <span class="request_"><i class="fa-regular fa-gear"></i>Request Approve</span>
                                <a href="#"
                                    class ="btn btn_ autoApprove  {{ auth()->user()->is_auto_ads_approve == 1 ? 'active' : '' }}"
                                    data-id="1">
                                    @if (auth()->user()->is_auto_ads_approve == 1)
                                        <span><i class="fa-solid fa-check"></i></span>
                                    @endif
                                    Auto
                                </a>
                                <a href="#"
                                    class ="btn btn_ autoApprove {{ auth()->user()->is_auto_ads_approve == 2 ? 'active' : '' }}"
                                    data-id="2">
                                    @if (auth()->user()->is_auto_ads_approve == 2)
                                        <span><i class="fa-solid fa-check"></i></span>
                                    @endif
                                    Manual
                                </a>
                            </div>
                        </div>
                    </div>


                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="advertismentTable" class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>S.No</th>
                                        <th>Unique id</th>
                                        <th>Title</th>
                                        <th>Price</th>
                                        <th>Status</th>
                                        <th data-orderable="false">Action</th>
                                        <th data-orderable="false">Log</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>


                </div>
                <!-- /.card -->
            </div>
        </div>
        <!-- /.container-fluid -->
    </section>
    <div class="modal modalCustom fade" id="rejectModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <a href="#" class="cancel-model" onclick = "$('#rejectModal').modal('hide')" data-bs-dismiss="modal"
                    aria-label="Close">
                    <img src="{{ asset('frontend/img/Cancel.svg') }}"class="img-fluid"></a>
                <div class="modal-header">
                    <img src="{{ asset('frontend/img/Rejet.svg') }}" class="img-fluid">
                    <h6>Are you sure you want to reject this AD's request?</h6>
                </div>
                <div class="modal-body">

                    <form id="rejectReason-form" method="POST">
                        @csrf
                        <p>Select reason:</p>
                        <div class="reject_form">
                            @foreach ($reasons as $key => $value)
                                <div class="input_main">
                                    <label class="checkbox_" for="{{ $key }}">
                                        <input type="radio" id="{{ $key }}" name="reason_id"
                                            value="{{ $key }}" class="d-none">
                                        <span class="checkmarks"></span>{{ $value }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
                        <span id="spanErrors" class="text-danger error-text reason_id_err"></span>
                        <textarea type="text" class="form-control col-md-12 otherReason d-none" id="otherTextBox" name="other_reason"
                            placeholder="Reason type here..."></textarea>
                        <span id="spanError" class="text-danger error-text other_reason_err"></span>

                        <input type="hidden" id="advertismentId" name="model_id" value="">
                        <input type="hidden" id="modelType" name="model_type"
                            value="{{ \App\Models\RejectedAdvertisment::TYPE_ADS }}">

                        <div class="group_btn">
                            <a class="btn btn_ submitRejetform" data-url="advertisment">Yes, reject AD</a>
                            <a href="javascript:void(0);" class="btn btn_ Rejetform"
                                onClick="$('#rejectModal').modal('hide');">No, Cancel</a>
                        </div>
                    </div>
                    </form>

            </div>
        </div>
    </div>
    </div>

    <div class="modal fade" id="approveModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <a href="#" class="cancel-model" onclick = "$('#approveModal').modal('hide')" data-bs-dismiss="modal"
                    aria-label="Close">
                    <img src="{{ asset('frontend/img/Cancel.svg') }}"class="img-fluid"></a>
                <div class="modal-header">
                    <img src="{{ asset('frontend/img/Rejet.svg') }}" class="img-fluid">
                    <h6>Are you sure you want to approve this AD's request?</h6>
                </div>
                <div class="modal-body">

                    <div class="group_btn">
                        <a class="btn btn_ submitApproveform">Yes, approve Ad</a>
                        <a href="javascript:void(0);" class="btn btn_ Rejetform"
                            onClick="$('#approveModal').modal('hide');">No, Cancel</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    @push('page_script')
        @include('include.dataTableScripts')

        <script src="{{ asset('js/pages/advertisment/index.js') }}"></script>
        <script src="{{ asset('js/pages/reject.js') }}"></script>

        <script>
            function autoApproval(id) {
                $.ajax({
                    url: "{{ route('users.enableAutoApprove') }}",
                    type: "POST",
                    data: {
                        is_auto_ads_approve: id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        window.location.reload();
                    }
                });
            }

            $(document).on('click', '.autoApprove', function() {
                let id = $(this).attr('data-id');
                autoApproval(id);
            });

            $(document).on('click', '.autoApprove', function() {
                let id = $(this).attr('data-id');
                autoApproval(id);
            });
        </script>
    @endpush
@endsection