@extends('admin.layouts.master')
@section('dashboard', 'active')

@section('title') {{ $data['title'] ?? '' }} @endsection
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        {{-- <h1 class="m-0">{{ $data['title'] ?? 'Page Header' }}</h1> --}}
                        <h5 class="m-0">Wellcome Back, {{Auth::user()->name}}</h5>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            {{-- <li class="breadcrumb-item active">Dashboard</li> --}}
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="container-fluid">
                <div class="row">


                    <div class="col-lg-3 col-6">
                        <a href="{{ route('admin.ads.index') }}">
                            <div class="small-box bg-gradient-start-1">
                                <div class="inner">
                                    <h3>{{ $data['total_ads'] }}</h3>
                                    <p>Total Ads</p>
                                </div>
                                <div class="icon small-box-section">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ route('admin.ads.index') }}" class="small-box-footer">More
                                    info <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-6">
                        <a href="{{ route('admin.ads.index') }}">
                            <div class="small-box bg-gradient-start-2">
                                <div class="inner">
                                    <h3>{{ $data['pending_ads'] }}</h3>
                                    <p>Pending Ads</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ route('admin.ads.index', ['status' => 'pending']) }}"
                                    class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-3 col-6">
                        <a href="{{ route('admin.customer.index') }}">
                            <div class="small-box bg-gradient-start-3">
                                <div class="inner">
                                    <h3>{{ $data['users_count'] }}</h3>
                                    <p>Total Users</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-stats-bars"></i>
                                </div>
                                <a href="{{ route('admin.customer.index') }}" class="small-box-footer">More info <i
                                        class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-3 col-6">
                        <a href="{{route('admin.transaction.index')}}">
                            <div class="small-box bg-gradient-start-5">
                                <div class="inner">
                                    <h3>{{$setting->currency_symbol}}
                                        {{ number_format($data['totalTransaction'], 2, '.', '') }}
                                    </h3>
                                    <p>Total Transactions</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-pie-graph"></i>
                                </div>
                                <a href="{{route('admin.transaction.index')}}" class="small-box-footer">More info <i
                                        class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </a>
                    </div>

                    {{-- <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total Listing ads</span>
                                <span class="info-box-number">00</span>
                            </div>
                            <a href="#" class="stretched-link"></a>
                        </div>
                    </div>
                    <div class="clearfix hidden-md-up"></div>
                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total Region</span>
                                <span class="info-box-number">{{ $data['region_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.region.index') }}" class="stretched-link"></a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total City</span>
                                <span class="info-box-number">{{ $data['city_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.city.index') }}" class="stretched-link"></a>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total Users</span>
                                <span class="info-box-number">{{ $data['users_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.customer.index') }}" class="stretched-link"></a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Verified Users</span>
                                <span class="info-box-number">{{ $data['users_v_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.customer.index', ['verified']) }}" class="stretched-link"></a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total Blog Post</span>
                                <span class="info-box-number">{{ $data['blog_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.blog-post.index') }}" class="stretched-link"></a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-3">
                        <div class="info-box">
                            <div class="info-box-content">
                                <span class="info-box-text">Total Custome Page</span>
                                <span class="info-box-number">{{ $data['cpage_count'] }}</span>
                            </div>
                            <a href="{{ route('admin.cpage.index') }}" class="stretched-link"></a>
                        </div>
                    </div> --}}
                </div>
                <div class="row">

                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="">
                                        <h4 class="card-title">Latest Ads </h4>
                                    </div>
                                    <div class="">
                                        <a href="{{ route('admin.ads.index') }}"
                                            class="btn btn-sm btn-primary btn-gradient">View all</a>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body p-0 table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Thumbnail</th>
                                            <th>Title</th>
                                            <th>Price</th>
                                            <th>Category</th>
                                            <th>Location</th>
                                            <th>Username</th>
                                            <th>Status</th>
                                            <th>Verification Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>

                                    <tfoot>
                                        <tr>
                                            <th>Thumbnail</th>
                                            <th>Title</th>
                                            <th>Price</th>
                                            <th>Category</th>
                                            <th>Location</th>
                                            <th>Username</th>
                                            <th>Status</th>
                                            <th>Verification Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </tfoot>

                                    <tbody>
                                        @foreach ($data['ads'] as $item)
                                            <tr>
                                                <td>
                                                    <img src="{{ getPhoto($item->thumbnail) }}" alt="" width="50">
                                                </td>
                                                <td>{{ $item->title }}</td>
                                                <td>
                                                    @if ($item->negotiable == '1')
                                                        Negotiable
                                                    @else
                                                        @if ($item->category_slug == 'jobs')
                                                            N/A
                                                        @else
                                                            {{ $setting->currency_symbol }} {{ $item->price }}
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ $item->belongsToCategory->name ?? "-" }} <br>
                                                    {{$item->belongsToSubCategory->name ?? "-"}}
                                                </td>
                                                <td>
                                                    {{ $item->belongsToRegion->name ?? "-" }} <br>
                                                    {{ $item->belongsToCity->name ?? "-" }}
                                                </td>
                                                <td>
                                                    <a href="{{ route('admin.customer.view', $item->user_id) }}">
                                                        {{ $item->belongsToUser?->name }}
                                                    </a>
                                                </td>
                                                <td>
                                                    @if ($item->status == 'active')
                                                        <span class="text-success">Active</span>
                                                    @elseif ($item->status == 'pending')
                                                        <span class="text-warning">Pending</span>
                                                    @elseif ($item->status == 'sold')
                                                        <span class="text-success">Sold</span>
                                                    @else
                                                        <span class="text-danger">Declined</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($item->verification_status == 'verified')
                                                        <span class="text-success">Verified</span>
                                                    @elseif ($item->verification_status == 'pending')
                                                        <span class="text-warning">Pending</span>
                                                    @else
                                                        <span class="text-danger">Rejected</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-secondary dropdown-toggle btn-sm" type="button"
                                                            id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                                                            aria-expanded="false">
                                                            Action
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                                                            <a href="{{ route('admin.ads.details', $item->id) }}"
                                                                class="dropdown-item"><i class="fas fa-eye"></i> View
                                                                Details</a>
                                                            <a href="{{route('ads.details', ['location' => $item?->regain_slug, 'category' => $item?->category_slug, 'scategory' => $item?->subcategory_slug, 'slug' => $item?->slug])}}"
                                                                class="dropdown-item" target="_blank"><i
                                                                    class="fas fa-link"></i> Website Link</a>
                                                            <a href="{{ route('admin.ads.edit', $item->id) }}"
                                                                class="dropdown-item"><i class="fas fa-edit"></i> Edit
                                                                Ad</a>
                                                            <a onclick="return confirm('Are you sure to perform this action?')"
                                                                class="dropdown-item"
                                                                href="{{ route('admin.ads.sdelete', $item->id) }}">
                                                                <i class="fa fa-trash text-danger"></i>
                                                                {{ __('Delete Ad') }}
                                                            </a>
                                                            {{-- <a href="" class="dropdown-item"><i class="fas fa-plus"></i> Ad
                                                                Featured</a>
                                                            <a href="" class="dropdown-item"><i class="fas fa-images"></i> Ad
                                                                Gallery</a> --}}
                                                            @if ($item->status == 'pending' || $item->status == 'sold' || $item->status == 'declined')
                                                                <a onclick="return confirm('Are you sure to perform this action?')"
                                                                    class="dropdown-item"
                                                                    href="{{route('admin.ads.markAsActive', $item->id)}}">
                                                                    <i class="fas fa-check text-success"></i>
                                                                    {{ __('Mark as Active') }}
                                                                </a>
                                                            @endif
                                                            @if ($item->status == 'active')
                                                                <a onclick="return confirm('Are you sure to perform this action?')"
                                                                    class="dropdown-item"
                                                                    href="{{route('admin.ads.markAsSold', $item->id)}}">
                                                                    <i class="fa fa-shopping-basket text-danger"></i>
                                                                    {{ __('Mark as Sold') }}
                                                                </a>
                                                            @endif

                                                            @if ($item->verification_status == 'pending')
                                                                <hr>
                                                                <a onclick="return confirm('Are you sure to perform this action?')"
                                                                    class="dropdown-item"
                                                                    href="{{ route('admin.ads.markAsVerified', $item->id) }}">
                                                                    <i class="fas fa-check text-success"></i>
                                                                    {{ __('Mark as Verified') }}
                                                                </a>
                                                                <a href="javascript:void(0);" class="dropdown-item mark-as-rejected"
                                                                    data-id="{{ $item->id }}">
                                                                    <i class="fas fa-times text-danger"></i>
                                                                    {{ __('Mark as Rejected') }}
                                                                </a>

                                                            @endif

                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>


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

@endsection
@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <script>
        document.querySelectorAll('.mark-as-rejected').forEach(function (button) {
            button.addEventListener('click', function () {
                let itemId = this.dataset.id;

                Swal.fire({
                    title: 'Provide feedback',
                    input: 'textarea',
                    inputLabel: 'Feedback message',
                    inputPlaceholder: 'Type your feedback here...',
                    inputAttributes: {
                        'aria-label': 'Type your feedback here'
                    },
                    showCancelButton: true,
                    confirmButtonText: 'Submit',
                    cancelButtonText: 'Cancel',
                    preConfirm: (feedback) => {
                        if (!feedback) {
                            Swal.showValidationMessage('Feedback is required');
                        }
                        return feedback;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        axios.post("{{ route('admin.ads.markAsDeclined', '') }}/" + itemId, {
                            feedback: result.value,
                            _token: '{{ csrf_token() }}'
                        })
                            .then(response => {
                                // Show success toastr
                                toastr.success(response.data.message || 'Ad has been marked as rejected.');

                                // Optional: refresh after short delay
                                setTimeout(() => {
                                    location.reload();
                                }, 1200);
                            })
                            .catch(error => {
                                // Show error toastr
                                toastr.error('Something went wrong while processing your request.');
                            });
                    }
                });
            });
        });
    </script>

@endpush