@extends('sellers.layout.mainlayout')
@section('content')
@php
use Carbon\Carbon;
@endphp
    <div class="main-wrapper innerpagebg">
    
        <!-- Header -->
        @include('sellers.layout.top_header')
        <!-- /Header -->
        
        <!-- Breadscrumb Section -->
        <div class="breadcrumb-bar"></div>
        <!-- /Breadscrumb Section -->
        
        <!-- Profile Content -->
        <div class="dashboard-content offset-transform-top listing-section">        
            <div class="container">
                <div class="row">
                        
                    <div class="col-md-12">
                        @include('sellers.layout.header')
                        <div class="profile-content">
                            <div class="dashboard-info">
                                <div class="card">
                                    <div class="card-body flex-column-blk">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="tab-content p-0">
                                                    <div class="tab-pane p-0 container active" id="myads">
                                                        <div class="card-wrapper">
                                                            <div class="card-border">
                                                                <div class="header-blk">
                                                                    <div class="blk-start">
                                                                        <h4>Subscription History</h4>
                                                                    </div>
                                                                    <!-- <div class="blk-end ms-0 ms-md-auto">
                                                                        <div class="filter-sorting">
                                                                            <ul>                                                                               
                                                                                <li>
                                                                                    <a href="javascript:void(0);" class="filter-sets">
                                                                                        <span class="material-symbols-outlined me-2">picture_as_pdf</span> Export
                                                                                    </a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div> -->
                                                                </div>
                                                                <div>

                                                                    <!-- <div class="tab-sets">
                                                                        <div class="tab-contents-sets">
                                                                            <ul>
                                                                                <li>
                                                                                    <a href="{{ route('seller.subhistory') }}" class="active">Seller Subscription</a>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="{{ route('seller.subhistory_ads') }}">Ads Subscription</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div> -->

                                                                    <div class="table-responsive datatable-nofooter">
                                                                        <div class="profile-card">
                                                                            <ul class="list-unstyled profile-li">
                                                                                
                                                                                <li>
                                                                                    Registered on 
                                                                                    <span>{{ Carbon::parse($paymentDetails['payment_date'])->format('m-d-Y') }}<!-- 04-19-2024 --></span>
                                                                                </li>
                                                                                <li>
                                                                                    Registered as
                                                                                    <span>{{ $user->seller_type }}</span>
                                                                                </li>
                                                                                <li>
                                                                                    Subscribed plan
                                                                                    <span class="badge-plan">{{ $user->subscription->name }}</span>
                                                                                </li>
                                                                                <li>
                                                                                    Ads Limit
                                                                                    <span>{{ $user->subscription->ads_count.' Ads / per '.$user->subscription->duration_type }}</span>
                                                                                </li>
                                                                                <!-- <li>
                                                                                    Total Ads
                                                                                    <span>{{ $user->subscription->ads_count }} Ads</span>
                                                                                </li> -->
                                                                                <li>
                                                                                    Pricing                                   
                                                                                    <span>${{ $paymentDetails['paid_amount'] }}</span>
                                                                                </li>
                                                                                <li>
                                                                                    Duration period
                                                                                    <span>{{ $user->subscription->duration }} Days</span>
                                                                                </li>
                                                                            </ul>
                                                                        </div>                                                                       
                                                                    </div>                                                                                                                                  
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane p-0 container fade" id="contactlists">

                                                        <div class="card-wrapper">
                                                            <div class="card-border">
                                                                <div class="header-blk">
                                                                    <div class="blk-start">
                                                                        <h4>My Ads</h4>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <div class="table-resposnive table-div">
                                                                        <table class="table datatable">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>Advertisement</th>
                                                                                    <th>Customer name</th>
                                                                                    <th>Email address</th>
                                                                                    <th>Date</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>Computer Repair</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>
                                                                                        <a  href="view-listing.html"class="table-imgname">
                                                                                            <img src="assets/img/seller-icon.svg" class="me-2" alt="img">
                                                                                            <span>Mason O Vincent</span>
                                                                                        </div>
                                                                                    </td>
                                                                                    <td>mas@example.com</td>
                                                                                    <td>04-13-2024</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>                                                
                                                                    </div>                                                                  
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>                          
                                        </div>
                                    </div>
                                </div>          
                            </div>              
                       </div>                       
                    </div>          
                </div>
            </div>      
        </div>      
        <!-- /Profile Content -->
                
    </div>

    <!-- scrollToTop start -->
    <div class="progress-wrap active-progress">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"></path>
        </svg>
    </div>
    <!-- scrollToTop end -->
    
@endsection
@section('customScript')
@endsection