@extends('layouts.admin')

@section('title') Advertisment @endsection

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

@section('content')
 <!-- 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 -->

  <!-- Main content -->
  <div class="row">
    <div class="col-md-6">
    <div class="btn_container btn-group" role="group">
    <a href = "{{route('advertisment.index')}}" class ="btn btn_ {{request()->is('advertisment') ? 'active' : ''}}e">Existing Ads</a>
      <a href = "{{route('advertisment.pending')}}" class ="btn btn_ newSeller {{request()->is('new-advertisment') ? 'active' : ''}}">New Ads</a>
  </div>
      
    
    </div>
    
   </div>
  <section>
    <div class="row">
      <div class="col-12">
        <div class="card data-table">
          <div class="card-header">
            <h3 class="card-title">List of all Ads</h3>
            <!-- <a href="{{ route('advertisment.create.get') }}" class="btn btn_ float-right">
                <i class="fas fa-plus"></i>&nbsp;&nbsp;Create New Advertisment
            </a> -->
          </div>
      
          <div class="card-body">
            <table id="pendingadvertismentTable" class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>S.No</th>
                  <th>Unique id</th>
                  <th>Title</th>
                  <th>Price</th>
                  <th>Request</th>
                  <th data-orderable="false">Action</th>
                </tr>
              </thead>
            </table>
          </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 class="text-danger error-text reason_id_err"></span>
                      <textarea type="text" class="form-control col-md-12 otherReason d-none" name="other_reason" placeholder="Reason type here..."></textarea>
                      <span 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="new-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/pendingAds.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);
    });

    
    
 </script>

  @endpush


  @endsection