@extends('frontend.layouts.app-dashboard')

@section('content')

<div class="myads-page-sec user-dashboard">

    <div class="container">

        <div class="row">

            <div class="col-lg-9 col-md-8">

                @include('layouts.message')

                <div class="user-top-button-sec">

                    <ul class="nav nav-tabs user-ads-tab" id="myTab" role="tablist">

                        <li class="nav-item">
                            <a class="nav-link active" id="approved-tab" data-toggle="tab" href="#approved" role="tab" aria-controls="profile" aria-selected="false">Approved <span>{{count($approvedads)}}</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" id="pending-tab" data-toggle="tab" href="#pending" role="tab" aria-controls="home" aria-selected="true">Pending <span>{{count($pendingads)}}</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" id="review-tab" data-toggle="tab" href="#review" role="tab" aria-controls="profile" aria-selected="false">Review <span>{{count($reviewddads)}}</span></a>
                        </li>


                        <li class="nav-item">
                            <a class="nav-link" id="rejected-tab" data-toggle="tab" href="#rejected" role="tab" aria-controls="profile" aria-selected="false">Rejected <span>{{count($rejecteddads)}}</span></a>
                        </li>

                
                        <li class="nav-item">
                            <a class="nav-link" id="approved-tab" data-toggle="tab" href="#expired" role="tab" aria-controls="profile" aria-selected="false">Expired <span>{{count($expiredads)}}</span></a>
                        </li>

                    </ul>

                </div>

                <div class="tab-content" id="myTabContent">
                    
                    @include('frontend.user.tab.approved')

                    @include('frontend.user.tab.pending')

                    @include('frontend.user.tab.review')

                    @include('frontend.user.tab.rejected')

                    @include('frontend.user.tab.expired')
                    
                </div>
                
            </div>

             <div class="col-lg-3 col-md-4">

                <div class="search-box">

                    <form action="{{\Request::url()}}" method="GET">
                        
                        <div class="input-group">
                        <input name="search" type="text" class="form-control" placeholder="Search" aria-label="keywords" aria-describedby="basic-addon2" value="{{request('search')}}">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button"><i class="fas fa-search"></i></button>
                        </div>
                        </div>
                    </form>
                </div>
                <div class="user-filter-cat">
                    <div class="filter-title">
                        <h5 class="">Sort Your Ads</h5>
                    </div>
                    <div class="filter-content">
                        <form action="{{\Request::url()}}" method="GET" id="sidebarFilter">
                            @include('frontend.user.sidebar.filter')
                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>

</div>

@endsection

@section('scripts')
<script type="text/javascript">
        
    $('input[name=module]').on('click',function(){

        $('input[name=module]').prop('checked',false);

        var checkedModule = $(this).prop('checked',true);

        if( checkedModule )
        {
            $("#sidebarFilter").submit();    
        }
    
    });
</script>

<script type="text/javascript">
    $(".removeModalPopup").on('click',function(){

        $('#removeModalPopup').modal('show')

        $("#yes-expired-button").attr('data-yes',$(this).attr('data-submit'));
        // alert($(this).attr('data-submit'));
    });

    $("#yes-expired-button").on('click',function(){

        $("#"+$(this).attr('data-yes')).submit();

    });

    $(".removeModalPendingPopup").on('click',function(){

        $('#removeModalPendingPopup').modal('show')

        $("#yes-pending-button").attr('data-yes',$(this).attr('data-submit'));
    });

    $("#yes-pending-button").on('click',function(){

        $("#"+$(this).attr('data-yes')).submit();

    });

    $(".removeModalRejectPopup").on('click',function(){

        $('#removeModalRejectPopup').modal('show')

        $("#yes-reject-button").attr('data-yes',$(this).attr('data-submit'));
    });

    $("#yes-reject-button").on('click',function(){

        $("#"+$(this).attr('data-yes')).submit();

    });

</script>
@endsection