@extends('user.layouts.main')

@section('contents')
    <div class="dashboard_wrapper border_start p-3">
        <div class="listings_wrap">
            <div class="row gy-3 gy-md-0 mb-4">
                <div class="col-md-4">
                    <div class="dashboard_card px-3 py-3 bg-primary bg-opacity-10 border border-primary border-opacity-50 rounded-2 position-relative">
                        <div class="content">
                            <div class="title"><a href="{{route('user.ads')}}" class="stretched-link">Total Ads</a></div>
                            <div class="count_num">{{$total_ads}}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="dashboard_card px-3 py-3 bg-success bg-opacity-10 border border-success border-opacity-50 rounded-2 position-relative">
                        <div class="content">
                            <div class="title"><a href="{{route('user.ads',['status'=>'active'])}}" class="stretched-link text-success">Active Ads</a></div>
                            <div class="count_num">{{ $total_ads_active }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="dashboard_card px-3 py-3 bg-warning bg-opacity-10 border border-warning border-opacity-50 rounded-2 position-relative">
                        <div class="content">
                            <div class="title"><a href="{{route('user.ads',['status'=>'pending'])}}" class="stretched-link text-dark">Pending Ads</a></div>
                            <div class="count_num">{{ $total_ads_pending }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mb-4 d-flex justify-content-between align-items-center">
                <h4 class="page_title">Latest Ads</h4>
                <a href="{{route('user.ads.create')}}" class=""><i class="fas fa-plus"></i> Post Ads</a>
            </div>
            @forelse($user_ads as $ads)

            <!-- list item -->
            @include('user.ads.list-item')
            @empty
                <div class="text-center text-danger">
                    <h4>No Ads Found</h4>
                </div>
            @endforelse

        </div>

        <!-- pagination -->
        <div class="listing_pagination mb-4 mt-4 d-flex justify-content-center">
            {{ $user_ads->links() }}
        </div>

    </div>
@endsection