@extends('backend.layouts.app-backend')

@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-6 col-md-6">
        <h2>Expired Ad List</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li class="active">
                <strong>Expired Ads List</strong>
            </li>
        </ol>
    </div>
   
</div>

<div class="wrapper wrapper-content search-form">

    <div class="row">

        <div class="col-lg-12">

            <form action="{{\Request::url()}}">

                <div class="ibox-content">

                    <div class="row">
                     
                        <div class="col-sm-4">

                            <div class="form-group">

                                <label class="control-label" for="input-status">Filter By user</label>

                                <select name="added_by" id="input-status" class="form-control">

                                    <option value="">--Select User--</option>
                                    <option value="admin" {{request('added_by') == 'admin' ? 'selected' : ''}}>Admin</option>
                                    <option value="user" {{request('added_by') == 'user' ? 'selected' : ''}}>User</option>

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

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="control-label" for="input-status">Status</label>
                                <select name="status" id="input-status" class="form-control">
                                    <option value="">--Select Status--</option>
                                    <option value="0" {{ isset($request->status) && $request->status== 0 ? 'selected' : ''}}>Pending</option>
                                    <option value="1" {{ isset($request->status) && $request->status== 1 ? 'selected' : ''}}>Approved</option>
                                    <option value="2" {{ isset($request->status) && $request->status== 2 ? 'selected' : ''}}>Reject</option>
                                    <option value="3" {{ isset($request->status) && $request->status== 3 ? 'selected' : ''}}>Review</option>

                                      <!-- Post Status -->
                                    <option value="4" {{ isset($request->status) && $request->status== 4 ? 'selected' : ''}}>New</option>
                                    <option value="5" {{ isset($request->status) && $request->status== 5 ? 'selected' : ''}}>Renew</option>
                                    <option value="6" {{ isset($request->status) && $request->status== 6 ? 'selected' : ''}}>Upgrade</option>
                                    
                                    <option value="7" {{ isset($request->status) && $request->status== 7 ? 'selected' : ''}}>Featured Ad</option>
                                </select>
                            </div>
                        </div>

                       <div class="col-sm-4">
                            <div class="form-group">
                                <label class="control-label" for="input-status">Search by Ad Title</label>
                                <input type="text" name="search" class="form-control" value="{{isset($_GET['search']) ? $_GET['search'] : '' }}" placeholder="search by title">
                            </div>
                        </div>

                        <button type="submit" id="button-filter" class="btn btn-primary pull-right"><i class="fa fa-filter"></i> Filter</button>
                    </div>

                </div>

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

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            @include('layouts.message')
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Expired Ads List</h5>

                </div>
                <div class="ibox-content">

                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="8">
                        <thead>
                            <tr>
                                <th data-toggle="true">Ad Title</th>
                                <th>Member Name</th>
                                <th>Module</th>
                                <th>Image</th>
                                <th>Date</th>
                                <th>Expired At</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        @if(isset($expired_ads) && count($expired_ads)>0)

                            <tbody>
                                @foreach($expired_ads as $ad)
                                    <tr>
                                        <td>
                                            {{$ad->title ?? ''}}
                                                 @if( !isset($ad->post_Status) || $ad->post_Status == 1 )
                                           <span class="badge badge-success">new</span>
                                        @endif

                                        @if( $ad->post_Status == 2 )
                                           <span class="badge badge-success">renew</span>
                                        @endif

                                        @if( $ad->post_Status == 3 )
                                           <span class="badge badge-success">upgrade</span>
                                        @endif

                                        @if( $ad->is_featured )
                                            <span class="badge badge-success">Featured Ad</span>
                                        @endif    
                                        </td>
                                         <td>{{$ad->user->first_name ?? ''}} {{$ad->user->last_name ?? ''}}</td>
                                        <td>{{$ad->module->title ?? ''}}</td>
                                        <td>
                                            @if($ad->module_id == 1)
                                            <img src="{{asset('business/'.$ad->featured_image)}}" width="100px">
                                            @endif
                                            @if($ad->module_id == 2)
                                            <img src="{{asset('home-business/'.$ad->featured_image)}}" width="100px">
                                            @endif

                                            @if($ad->module_id == 3)
                                            <img src="{{asset('non-profit/'.$ad->featured_image)}}" width="100px">
                                            @endif
                                        </td>
                                        <td>{{date('Y-m-d',strtotime($ad->created_at))}}</td>
                                        <td>{{date('Y-m-d',strtotime($ad->expiry_date))}}</td>
                                        <td>

                                            @if( $ad->status == 0 )
                                               <span class="badge badge-warning">Pending</span>
                                            @endif

                                            @if( $ad->status == 1 )
                                               <span class="badge badge-success">Approved</span>
                                            @endif

                                            @if( $ad->status == 2 )
                                               <span class="badge badge-danger">Reject</span>
                                            @endif

                                            @if( $ad->status == 3 )
                                               <span class="badge badge-light">Review</span>
                                            @endif

                                        </td>

                                        <td>                                         
                                            <a href="#send_invitation_ad" data-remote="{{route('admin.expired.ad.notification',$ad->id)}}" data-toggle="modal" class="btn btn-primary" title="Send Invitation">
                                                <i class="fa fa-envelope"></i>
                                            </a>
                                            <a href="#delete_expire_ad" data-url="{{route('admin.expired.ad.remove',$ad->id)}}" 
                                            title="Delete Parmanently" class="btn btn-danger delete_expire_ad">
                                                <i class="fa fa-trash"></i>
                                            </a>   
                                        </td>
                                       
                                    </tr>
                                @endforeach
                            </tbody>

                        @else

                            <tfoot>
                                <tr>
                                    <td colspan="7">
                                        No Expired Ads Available!
                                    </td>
                                </tr>
                            </tfoot>

                        @endif
                        
                    </table>

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

        <div class="col-lg-12 pagination-section">
            {!! $expired_ads->links() !!}
        </div>
       
    </div>
</div>


<div class="modal fade" id="send_invitation_ad" tabindex="-1" role="dialog" aria-labelledby="send_invitation_ad" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content"></div>
   </div>
</div>

<div class="modal fade" id="delete_expire_ad" tabindex="-1" role="dialog" aria-labelledby="delete_expire_ad" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="user_delete_confirm_title">Delete</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
         </div>
        <div class="modal-body">
            Verify you want to delete it?
         </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            <a href="#" type="button" class="btn btn-primary verify-button">Yes</a>
        </div>
      </div>
   </div>
</div>
@endsection

@section('footer-scripts')
<script type="text/javascript">
    document.querySelectorAll('.delete_expire_ad').forEach( (expire) => {
        expire.addEventListener('click', (ext) => {
            var data_url = ext.target.parentNode.getAttribute('data-url');
            if( data_url !== null )
            {
                document.querySelector('.verify-button').setAttribute("href", data_url);
                jQuery('#delete_expire_ad').modal('show');
            }
        });
    });
</script>
@stop