@extends('admin.layouts.master')

@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="row">
                <div class="col-12 d-flex widget-path widget-service">
                    <div class="card">
                        <div class="card-body">
                            <div class="row align-items-center">
                                @if($newad)
                                    <div class="col-md-5">
                                        <div class="slider-card flex-card">
                                            <div class="ad-img-blk">
                                                <img class="img-fluid" src="{{ $newad['image'] }}" alt="">
                                            </div>
                                            <div class="ad-content-blk flex-fill">
                                                <i class="iconsax" icon-name="milk"></i>
                                                <h5>{{ $newad['title'] }}</h5>
                                                <div class="info-list-style">
                                                    <div class="list-start">
                                                        <ul class="list-unstyled">
                                                            <li class="flex-li">
                                                                <i class="fe fe-map-pin"></i>{{ $newad['location'] }}
                                                            </li>
                                                            <li class="flex-li ratings">
                                                                <span>{{ $newad['rating'] }}</span> ({{ $newad['count'] }} reviews) 
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="list-end">
                                                        <ul class="list-unstyled">
                                                            <li class="flex-li">
                                                                <i class="fa-regular fa-circle-stop"></i>{{ $newad['category'] }}
                                                            </li>
                                                            <li class="flex-li avatar-blk">
                                                                <span>
                                                                    <img class="img-fluid rounded-circle" src="{{ $newad['owner_image'] }}" alt="">
                                                                </span> {{ $newad['owner'] }}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                
                                <div class="col-md-7">
                                    <div class="count-wrapper align-center">
                                        <div class="count-card flex-fill flex-card">
                                            <div class="count-info">
                                                <p>Advertisements</p>
                                                <h2>{{ $ads }}</h2>
                                            </div>
                                            <div class="count-icon">
                                                <span class="material-symbols-outlined">campaign</span>
                                            </div>
                                        </div>
                                        <div class="count-card flex-fill flex-card">
                                            <div class="count-info">
                                                <p>Sellers</p>
                                                <h2>{{ $sellers->count() }}</h2>
                                            </div>
                                            <div class="count-icon">
                                                <span class="material-symbols-outlined">store</span>
                                            </div>
                                        </div>
                                        <div class="count-card flex-fill flex-card">
                                            <div class="count-info">
                                                <p>Reviews</p>
                                                <h2>{{ $reviews }}</h2>
                                            </div>
                                            <div class="count-icon">
                                                <span class="material-symbols-outlined">hotel_class</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

            <div class="row">

                <div class="col-lg-6 col-sm-12 d-flex widget-path">
                    <div class="card">
                        <div class="card-body">
                            <div class="home-user">
                                <div class="home-head-user home-graph-header">
                                    <h2>Latest Ads</h2>
                                    <a class="btn btn-viewall" href="{{ route('admin.myads') }}">View All<i class="material-symbols-outlined ms-2">north_east</i></a>
                                </div>
                                <div class="table-responsive datatable-nofooter">
                                    <table class="table custom-table datatable table-striped">
                                        <thead>
                                            <tr>
                                                <th>Advertisement</th>
                                                <th>Seller</th>
                                                <th>Posted on</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($table_ads as $ad)
                                                <tr>
                                                    <td>
                                                        <a class="table-imgname" href="{{route('seller.viewad',[$ad['id']])}}" target="_blank">
                                                            <img class="me-2"
                                                                src="{{$ad['image']}}"
                                                                alt="img">
                                                            <span>{{ $ad['title'] }}</span>
                                                        </a>
                                                    </td>
                                                    <td>{{ $ad['seller'] }}</td>
                                                    <td>{{ $ad['date'] }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-sm-12 d-flex widget-path">
                    <div class="card">
                        <div class="card-body">
                            <div class="home-user">
                                <div class="home-head-user home-graph-header">
                                    <h2>Sellers</h2>
                                    <a class="btn btn-viewall" href="{{ route('admin.sellers') }}">View All<i class="material-symbols-outlined ms-2">north_east</i></a>
                                </div>
                                <div class="table-responsive datatable-nofooter">
                                    <table class="table custom-table datatable table-striped">
                                        <thead>
                                            <tr>
                                                <th>Seller name</th>
                                                <th>Email</th>
                                                <th>Date of signup</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($sellers as $seller)
                                                <tr>
                                                    <td>
                                                        <a class="table-imgname" href="{{route('seller.viewseller',[$seller->id])}}" target="_blank">
                                                            <img class="me-2"
                                                                src="@if ($seller->image) {{ asset('storage/seller/profile/' . $seller->image) }} @else {{ asset('admin/assets/img/profile-img.jpg') }} @endif"
                                                                alt="img">
                                                            <span>{{ $seller->name }}</span>
                                                        </a>
                                                    </td>
                                                    <td>{{ $seller->email }}</td>
                                                    <td>{{ $seller->created_at}}</td>
                                                </tr>
                                                @if ($loop->iteration == 4)
                                                @break
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-lg-12 widget-path">
                <div class="card mb-0">
                    <div class="card-body">
                        <div class="home-user">
                            <div class="home-head-user home-graph-header">
                                <h2>Reviews</h2>
                                <a class="btn btn-viewall" href="{{ route('admin.reviews') }}">View All<i class="material-symbols-outlined ms-2">north_east</i></a>
                            </div>
                            <div class="table-responsive datatable-nofooter">

                                <table class="table custom-table datatable table-striped">
                                    <thead>
                                        <tr>
                                            <th>Advertisement</th>
                                            <th>Seller</th>
                                            <th>Customer</th>
                                            <th>Date</th>
                                            <th>Level</th>
                                            <th>Rating</th>
                                            <th>Comments</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($table_reviews as $review)
                                            <tr>
                                                <td>
                                                    <a class="table-imgname" href="{{route('seller.viewad',[$review['adid']])}}" target="_blank">
                                                        <img class="me-2"
                                                            src="{{$review['adimage']}}"
                                                            alt="img">
                                                        <span>{{ $review['title'] }}</span>
                                                    </a>
                                                </td>
                                                <td>
                                                    <a class="table-imgname">
                                                        <img class="me-2"
                                                            src="@if ($review['ownerimage']) {{ asset('storage/seller/profile/' . $review['ownerimage']) }} @else {{ asset('admin/assets/img/profile-img.jpg') }} @endif"
                                                            alt="img">
                                                        <span>{{ $review['owner'] }}</span>
                                                    </a>
                                                </td>
                                                <td>{{ $review['reviewer'] }}</td>
                                                <td>{{ $review['date'] }}</td>
                                                @if ($review['rating'] == 4 || $review['rating'] == 5)
                                                    <td><span class="level-blk good-blk"><i class="fa-solid fa-circle"></i>Excellent</span></td>
                                                    <td><span class="rating-blk good-blk">{{ $review['rating'] }}<i class="fa-solid fa-star"></i></span></td>
                                                @endif
                                                @if ($review['rating'] == 2 || $review['rating'] == 3)
                                                    <td><span class="level-blk average-blk"><i class="fa-solid fa-circle"></i>High</span></td>
                                                    <td><span class="rating-blk average-blk">{{ $review['rating'] }}<i class="fa-solid fa-star"></i></span></td>
                                                @endif
                                                @if ($review['rating'] == 0 || $review['rating'] == 1)
                                                    <td><span class="level-blk low-blk"><i class="fa-solid fa-circle"></i>Normal</span></td>
                                                    <td><span class="rating-blk low-blk">{{ $review['rating'] }}<i class="fa-solid fa-star"></i></span></td>
                                                @endif
                                                <td title="{{ $review['comments'] }}">{{ $review['comments'] }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="overlayer d-none">
<div class="page-loader"></div>
</div>



<style>
    .table th, .table td:nth-child(7) {
        max-width: 200px;
        min-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>
@endsection