@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-4">
                        @include('sellers.layout.profile')
                    </div>      
                    <div class="col-md-8">
                        @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"><img src="assets/img/icons/sort.svg" class="me-2" alt="img">Sort by</a>
                                                                                </li>
                                                                                <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') }}" >Seller Subscription</a>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="{{ route('seller.subhistory_ads') }}" class="active">Ads Subscription</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>

                                                                    <div class="table-responsive datatable-nofooter">

                                                                        <table class="table custom-table datatable table-striped">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>Advertisement</th>
                                                                                    <th>Subscription type</th>
                                                                                    <th>Date of purchase</th>
                                                                                    <th>Pricing</th>
                                                                                    <th>Duration period</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                @if($adpaymentDetails)
                                                                                @foreach($adpaymentDetails as $index => $adpayment)
                                                                                <tr>
                                                                                    <td>{{ $index + 1 }}</td>
                                                                                    <td>
                                                                                        <!-- <a href="javascript:;" class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>{{ $adpayment['ad_name'] }}</span>
                                                                                        </a> -->
                                                                                        {{ $adpayment['ad_name'] }}
                                                                                    </td>
                                                                                    <td>{{ $user->subscription->name }}</td>
                                                                                    <td>{{ Carbon::parse($adpayment['payment_date'])->format('m-d-Y') }}</td>
                                                                                    <td>${{ $adpayment['paid_amount'] }}</td>  
                                                                                </tr>
                                                                                @endforeach
                                                                                @else
                                                                                <tr>
                                                                                    <td>No records</td>
                                                                                </tr>
                                                                                @endif
                                                                            </tbody>
                                                                        </table>

                                                                        <table class="table custom-table table-striped d-none" id="myadSubscription1">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>Advertisement</th>
                                                                                    <th>Subscription type</th>
                                                                                    <th>Date of purchase</th>
                                                                                    <th>Pricing</th>
                                                                                    <th>Duration period</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                @if($adpaymentDetails)
                                                                                @foreach($adpaymentDetails as $adpayment)
                                                                                <tr>
                                                                                    <td>
                                                                                        <!-- <a href="javascript:;" class="table-imgname">
                                                                                            <img src="assets/img/services/service-03.jpg" class="me-2" alt="img">
                                                                                            <span>{{ $adpayment['ad_name'] }}</span>
                                                                                        </a> -->
                                                                                        {{ $adpayment['ad_name'] }}
                                                                                    </td>
                                                                                    <td>{{ $user->subscription->name }}</td>
                                                                                    <td>{{ Carbon::parse($adpayment['payment_date'])->format('m-d-Y') }}</td>
                                                                                    <td>${{ $adpayment['paid_amount'] }}</td>
                                                                                    <td>{{ $user->subscription->duration }} Days</td>
                                                                                </tr>
                                                                                @endforeach
                                                                                @else
                                                                                <tr>
                                                                                    <td>No records</td>
                                                                                </tr>
                                                                                @endif
                                                                            </tbody>
                                                                        </table>
                                                                    </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 -->
        
            
            <!-- Footer -->
        <footer class="footer">
            <div class="container">
                <div class="stay-tuned">
                    <h3>Stay Tuned With Us</h3>
                    <p>Subcribe to our newletter and never miss our latest news and promotions. Our newsletter is sent once a week, every thursday.</p>
                    <form>
                        <div class="form-set">
                            <div class="group-img">
                                <i class="feather-mail"></i>
                                <input type="text" class="form-control" placeholder="Enter Email Address">
                            </div>                          
                        </div>
                        <button class="btn btn-primary" type="submit"> Subscribe</button>                           
                    </form>                 
                </div>          
            </div>
        
            <!-- Footer Top -->
            <div class="footer-top aos" data-aos="fade-up">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6">
                            <!-- Footer Widget -->
                            <div class="footer-widget">
                                <div class="footer-logo">
                                    <a href="#"><img src="assets/img/footerlogo.svg" alt="logo"></a>
                                </div>
                                <div class="footer-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt et magna aliqua.  </p>
                                </div>
                                <div class="social-icon">
                                    <ul>
                                        <li>
                                            <a href="#" target="_blank"><i class="fab fa-facebook-f"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank"><i class="fab fa-twitter"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                                        </li>
                                    </ul>
                                </div>                              
                            </div>
                            <!-- /Footer Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6">
                            <!-- Footer Widget -->
                            <div class="footer-widget footer-menu">
                                <h2 class="footer-title">About us</h2>
                                <ul>
                                    <li>
                                        <a href="about.html">Our product</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Documentation</a>
                                    </li>
                                    <li>
                                        <a href="service-details.html">Our Services</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Get Started Us</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact Us</a>
                                    </li>                                   
                                </ul>
                            </div>
                            <!-- /Footer Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6">
                            <!-- Footer Widget -->
                            <div class="footer-widget footer-menu">
                                <h2 class="footer-title">Quick links</h2>
                                <ul>
                                    <li>
                                        <a href="javascript:void(0)">Market Place</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Documentation</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Customers</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Carriers</a>
                                    </li>
                                    <li>
                                        <a href="blog-list.html">Our Blog</a>
                                    </li>                                   
                                </ul>
                            </div>
                            <!-- /Footer Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6">
                            <!-- Footer Widget -->
                            <div class="footer-widget footer-menu">
                                <h2 class="footer-title">Top Cities</h2>
                                <ul>
                                    <li>
                                        <a href="javascript:void(0)">Manhatten</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Los Angeles</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Houston</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Chicago</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">Alabama</a>
                                    </li>                                   
                                </ul>
                            </div>
                            <!-- /Footer Widget -->
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <!-- Footer Widget -->
                            <div class="footer-widget">
                                <h2 class="footer-title">Communication</h2>
                                <div class="footer-contact-info">
                                        <div class="footer-address">
                                            <img src="assets/img/call-calling.svg" alt="Callus">
                                            <p><span>Call Us</span> <br> +017 123 456 78     </p>
                                        </div>
                                        <div class="footer-address">
                                            <img src="assets/img/sms-tracking.svg" alt="Callus">
                                            <p><span>Send Message</span> <br> listee@example.com     </p>
                                        </div>                          
                                </div>                                                              
                            </div>
                            <!-- /Footer Widget -->                         
                        </div>
                    </div>
                    
                    <!-- Footer Counter Section-->
                    <div class="footercount">
                            <div class="row">
                                     <div class="col-lg-3 col-md-3">
                                        <div class="vistors-details">
                                            <p>Our Unique Visitor</p>
                                            <p class="visitors-value">25,329,532</p>                                        
                                        </div>                                   
                                     </div>
                                      <div class="col-lg-3 col-md-3">
                                          <div class="vistors-details">
                                            <p>Our Unique Visitor</p>
                                            <p class="visitors-value">25,329,53264546</p>                                       
                                        </div>                                   
                                     </div> 
                                     <div class="col-lg-3 col-md-3">
                                         <div class="vistors-details">
                                            <p>Our Unique Visitor</p>
                                            <p class="visitors-value">25,329,53264546</p>                                       
                                        </div>                                   
                                     </div>
                                      <div class="col-lg-3 col-md-3">
                                        <div class="vistors-details">
                                            <p>We Accept</p>
                                            <ul class="d-flex">
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/amex-pay.svg" alt="amex"></a></li>
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/apple-pay.svg" alt="pay"></a></li>
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/gpay.svg" alt="gpay"></a></li>
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/master.svg" alt="paycard"></a></li>
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/phone.svg" alt="spay"></a></li>
                                                <li><a href="javascript:void(0)"><img class="img-fluid" src="assets/img/visa.svg" alt="visa"></a></li>
                                            </ul>                                                                       
                                        </div>                                   
                                     </div>
                            </div>
                    </div>          
                    <!-- /Footer  Counter Section-->    
                    
                </div>
            </div>
            <!-- /Footer Top -->
                        
            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <div class="container">
                    <!-- Copyright -->
                    <div class="copyright">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="copyright-text">
                                    <p class="mb-0">All Copyrights Reserved &copy; 2023 - Listee.</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <!-- Copyright Menu -->
                                <div class="copyright-menu">
                                    <ul class="policy-menu">
                                        <li>
                                            <a href="privacy-policy.html">Privacy </a>
                                        </li>
                                        <li>
                                            <a href="faq.html">Faq </a>
                                        </li>
                                        <li>
                                            <a href="terms-condition.html">Terms</a>
                                        </li>                                       
                                    </ul>
                                </div>
                                <!-- /Copyright Menu -->
                            </div>
                        </div>
                    </div>
                    <!-- /Copyright -->
                </div>
            </div>
            <!-- /Footer Bottom -->
            
        </footer>
        <!-- /Footer -->
        
    </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