@include('more.partials._header')

        {{-- Promotion Modal --}}
        <!-- Modal -->
        <div class="modal fade" id="promotionModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="promotionModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="promotionModalLabel">Boost the Ad Listing: Coming soon!</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="login-text-box col-xs-12 col-sm-12 col-md-12 col-lg-12 no-hor-padding">
							<div class="post-list-modal-heading">Highlight your listing?							</div>
							<div class="post-list-content">
								★ More Classifieds: Buy &amp; Sell Online ★ Free classifieds in Kenya ★★★  allows you to highlight your listing with two different options to reach more number of buyers. You can choose the appropriate option for your listings. Urgent listings gets more leads from buyers and featured listings shows at various places of the website to reach more buyers.
                            </div>
						</div>

                        


                    </div>
                    <div class="modal-footer">
                        <p>Powered by More Classifieds © Copyright 2023 - {{ date('Y'); }}. All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </div>

        <!--=====================================-->
        <!--=        Account Page Start      	=-->
        <!--=====================================-->
        <section class="section-padding-equal-70">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- //message -->
                        @if (Session::has('message'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ Session::get('message') }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3 sidebar-break-sm sidebar-widget-area mt-0">
                        <div class="widget-bottom-margin widget-account-menu widget-light-bg">
                            <h3 class="widget-border-title">Menu</h3>
                            <ul class="nav nav-tabs flex-column" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#dashboard" role="tab" aria-selected="true">Dashboard</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/ad/create">Post Ad</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#my-listing" role="tab" aria-selected="false">My Listings</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#store" role="tab" aria-selected="false">Store</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#favourite" role="tab" aria-selected="false">Favourites</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#payment" role="tab" aria-selected="false">Wallet</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#accout-detail" role="tab" aria-selected="false">Account details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/seller/logout">Logout</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="dashboard" role="tabpanel">
                                <div class="myaccount-dashboard light-shadow-bg">
                                    <div class="light-box-content">
                                        <div class="media-box">
                                            <div class="item-img">
                                                <img src="/more/media/figure/avatar.jpg" alt="avatar">
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title">{{ $seller->name }}</h3>
                                                <div class="item-email"><span>Member A/C: </span>{{ $seller->wallet_ac_no; }}</div>
                                                <div class="item-email"><span>Email: </span>{{ $seller->email; }}</div>
                                                <div class="item-email">
                                                    <span>Seller location: </span>
                                                    {{ $area }}, {{ $place }}, {{ $region }}, {{ $country }}
                                                </div>
                                                <div class="item-email">
                                                    <a href="/seller/delete" style="color: #ff0000;">
                                                        <small>Delete Account</small>
                                                    </a>
                                                </div>
                                                <div class="item-email">
                                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                        <a href="/seller/break">
                                                            <small>Take a break</small>
                                                        </a>
                                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                          <span aria-hidden="true">&times;</span>
                                                        </button>
                                                      </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="static-report">
                                            <h3 class="report-title">Membership Report</h3>
                                            <div class="report-list">
                                                <div class="report-item">
                                                    <label>Status</label>
                                                    <div class="item-value btn btn-success">Active</div>
                                                </div>
                                            </div>
                                            <hr />
                                            <br />
                                            <div class="report-list">
                                                <div class="report-item">
                                                    <label>Member since:</label>
                                                    <div class="item-value"> 
                                                        {{-- {{ $seller->created_at }} --}}
                                                        {{ \Carbon\Carbon::parse($seller->created_at)->toDayDateTimeString() }}
                                                    </div>
                                                </div>
                                            </div>
                                            <hr />
                                            <br />
                                            <div class="report-list">
                                                <div class="report-item">
                                                    <label>Posted Ad(s)</label>
                                                    <div class="item-value">{{ $post_ads; }}</div>
                                                </div>
                                            </div>
                                            <hr />
                                            <br />
                                            <div class="report-list">
                                                <div class="report-item">
                                                    <label>Total Impression(s)</label>
                                                    <div class="item-value">0</div>
                                                </div>
                                            </div>
                                        </div>

                                        {{-- $views_per_day_chart --}}
                                        <div class="static-report">
                                            <h3 class="report-title">Ad(s) Impressions per day</h3>
                                            <div class="report-list">
                                                <div class="report-item">
                                                    {{-- <label>{{ $views_per_day_chart->options['chart_title'] }}</label>
                                                    <div class="item-value">
                                                        {!! $views_per_day_chart->renderHtml() !!}
                                                    </div> --}}
                                                    {{-- Ad(s) Impressions per day --}}
                                                    {{-- <div class="row"> --}}
                                                        {{-- <div class="col-12"> --}}
                                                            <canvas id="myImpressions"></canvas>
                                                        {{-- </div> --}}
                                                    {{-- </div> --}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="my-listing" role="tabpanel">
                                <div class="myaccount-listing">
                                    @if ($ads != null)
                                        @foreach ($ads as $ad)
                                            <div class="list-view-layout1">
                                                <div class="product-box-layout3">
                                                    <div class="item-img">
                                                        <a href="/ad/view/{{ $ad['ad_url'] }}">
                                                            <img src="{{ $ad['thumbnail_url'] }}" alt="{{ $ad['title'] }}">
                                                        </a>
                                                    </div>
                                                    <div class="item-content">
                                                        <h3 class="item-title">
                                                            <a href="/ad/view/{{ $ad['ad_url'] }}"  style="color: #F54F19;">
                                                                {{ $ad['title'] }}
                                                            </a>
                                                        </h3>
                                                        <ul class="entry-meta">
                                                            <li>
                                                                <i class="far fa-clock"></i>
                                                                {{ \Carbon\Carbon::parse($ad['created_at'])->diffForHumans() }}
                                                                {{-- 3 months ago --}}
                                                            </li>
                                                            {{-- <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li> --}}
                                                            {{-- <li><i class="far fa-eye"></i>86 Views</li> --}}
                                                        </ul>
                                                        <ul class="item-condition">
                                                            {{-- <li><span>Condition:</span> New</li>
                                                            <li><span>Brand:</span> Other Brand</li> --}}
                                                        </ul>
                                                        <div class="btn-group">
                                                            <button type="button" class="btn btn-warning submit-btn" data-toggle="modal" data-target="#promotionModal">
                                                                <i class="fa fa-level-up"></i>
                                                                Boost
                                                            </button>
                                                            <button type="button" class="btn btn-success submit-btn">
                                                                <a href="/seller/ad/insights/{{ $ad['ad_url'] }}" style="background: transparent; color: #000">
                                                                    Insights
                                                                </a>
                                                            </button>
                                                            <button class="btn btn-outline-secondary submit-btn">
                                                                <a href="#" style="background: transparent; color: #000">
                                                                    Edit
                                                                </a>
                                                            </button>
                                                            <button class="btn btn-danger submit-btn">
                                                                <a href="#" style="background: transparent; color: #000">
                                                                    Delete
                                                                </a>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="item-right">
                                                        <div class="item-price">
                                                            <span class="currency-symbol">KES</span>
                                                            {{ number_format($ad['price'], 2); }}
                                                        </div>
                                                        <div class="item-btn">
                                                            <a href="/ad/view/{{ $ad['ad_url'] }}" style="color: #F54F19;">Details</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach 
                                    @else
                                        No adverts listed yet
                                    @endif
                                    {{-- <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product20.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">China Branded Bags</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Boost</a>
                                                    <a href="#">Edit</a>
                                                    <a href="#">Delete</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product21.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">Ultra HD Laptops</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Boost</a>
                                                    <a href="#">Edit</a>
                                                    <a href="#">Delete</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}
                                </div>
                                {{-- <div class="pagination-layout1">
                                    <div class="btn-prev disabled">
                                        <a href="#"><i class="fas fa-angle-double-left"></i>Previous</a>
                                    </div>
                                    <div class="page-number">
                                        <a href="#" class="active">1</a>
                                        <a href="#">2</a>
                                    </div>
                                    <div class="btn-next">
                                        <a href="#">Next<i class="fas fa-angle-double-right"></i></a>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="tab-pane fade" id="store" role="tabpanel">
                                <div class="light-shadow-bg post-ad-box-layout1 myaccount-store-settings">
                                    <div class="light-box-content">
                                        <form action="#">
                                            <div class="post-section store-banner">
                                                <div class="post-ad-title">
                                                    <i class="far fa-image"></i>
                                                    <h3 class="item-title">Store Images</h3>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Store Banner
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <div class="store-banner-wrapper">
                                                                <div class="banenr-img">
                                                                    <input type="file" id="fileInput" class="d-none">
                                                                    <img src="https://placehold.co/1180x300" class="bannerimageuploaded"  alt="Store Banner">
                                                                    <div class="media-action">
                                                                        <a href="#" class="media-add banner"><i class="fas fa-plus"></i></a>
                                                                        <a href="#" class="media-delete" id="deleteBannerIcon"><i class="far fa-trash-alt"></i></a>
                                                                    </div>
                                                                </div>
                                                                <div class="alert alert-danger offersize d-none" role="alert">
                                                                    <p class="text-danger">This image is too large</p>
                                                                </div>
                                                                <div class="alert alert-danger">
                                                                    Recommended image size to (1180x300)px, Maximum file size 3 MB, Allowed image type (png, jpg, jpeg)
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Store Logo
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <div class="store-banner-wrapper">
                                                                <div class="banenr-img">
                                                                    <img src="https://placehold.co/180x140" class="uploadedlogo" alt="Store Banner">
                                                                    <div class="media-action">
                                                                        <a href="#" class="media-add logo"><i class="fas fa-plus"></i></a>
                                                                        <a href="#" class="media-delete" id="deleteLogoIcon"><i class="far fa-trash-alt"></i></a>
                                                                    </div>
                                                                </div>
                                                                <div class="alert alert-danger offersize2 d-none" role="alert">
                                                                    <p class="text-danger">This image is too large</p>
                                                                </div>
                                                                <div class="alert alert-danger">
                                                                    Recommended image size to (180x140)px, Maximum file size 3 MB, Allowed image type (png, jpg, jpeg)
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-section store-schedule">
                                                <div class="post-ad-title">
                                                    <i class="far fa-calendar"></i>
                                                    <h3 class="item-title">Store Schedule</h3>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Opening Hours
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group row">
                                                            <div class="form-check form-check-inline col-5">
                                                                <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
                                                                <label class="form-check-label" for="inlineCheckbox1">Always open</label>
                                                              </div>
                                                              <div class="form-check form-check-inline col-5">
                                                                <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
                                                                <label class="form-check-label" for="inlineCheckbox2">Choose opening hours</label>
                                                              </div>
                                                        </div>
                                                        
                                                    </div>
                                                </div>                                                
                                            </div>
                                            <div class="post-section store-information">
                                                <div class="post-ad-title">
                                                    <i class="fas fa-folder-open"></i>
                                                    <h3 class="item-title">Store Information</h3>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Id
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="text" value="123" class="form-control" name="id" id="store-id" readonly>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Name
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="text" value="SmartShop" class="form-control" name="name" id="store-name">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Slogan
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="text" value="ok very good" class="form-control" name="slogan" id="store-slogan">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Email
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="email" value="sgc@gmail.com" class="form-control" name="email" id="store-email">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Email
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="text" value="+254791036665" class="form-control" name="phone" id="store-phone">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Website
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="text" value="https://www.more.co.ke" class="form-control" name="website" id="store-website">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Address
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <textarea name="address" class="form-control textarea" id="address" cols="30" rows="2">https://www.more.co.ke</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Description
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <textarea name="discription" class="form-control textarea" id="discription" cols="30" rows="6">
                                                                Always selling
                                                            </textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <label class="control-label">
                                                            Socials
                                                        </label>
                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group store-social">
                                                            <input type="text" value="" class="form-control" name="facebook" id="store-facebook" placeholder="Facebook">
                                                            <input type="text" class="form-control" name="twitter" id="store-twitter" placeholder="Twitter">
                                                            <input type="text" class="form-control" name="youtube" id="store-youtube" placeholder="Youtube">
                                                            <input type="text" class="form-control" name="linkedin" id="store-linkedin" placeholder="Linkedin">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3">

                                                    </div>
                                                    <div class="col-sm-9">
                                                        <div class="form-group">
                                                            <input type="submit" class="submit-btn" value="Update Store">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="favourite" role="tabpanel">
                                <div class="myaccount-listing">
                                    <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product19.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">Galaxy Note</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Remove from Favourites</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product20.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">China Branded Bags</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Remove from Favourites</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product21.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">Ultra HD Laptops</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Remove from Favourites</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-view-layout1">
                                        <div class="product-box-layout3">
                                            <div class="item-img">
                                                <a href="/ad-listing"><img src="/more/media/product/product22.jpg" alt="Product"></a>
                                            </div>
                                            <div class="item-content">
                                                <h3 class="item-title"><a href="/ad-listing">Kids Toy Bundle</a></h3>
                                                <ul class="entry-meta">
                                                    <li><i class="far fa-clock"></i>3 months ago</li>
                                                    <li><i class="fas fa-map-marker-alt"></i>CBD, Nairobi</li>
                                                    <li><i class="far fa-eye"></i>86 Views</li>
                                                </ul>
                                                <ul class="item-condition">
                                                    <li><span>Condition:</span> New</li>
                                                    <li><span>Brand:</span> Other Brand</li>
                                                </ul>
                                                <div class="btn-group">
                                                    <a href="#">Remove from Favourites</a>
                                                </div>
                                            </div>
                                            <div class="item-right">
                                                <div class="item-price">
                                                    <span class="currency-symbol">KES</span>
                                                    1,240
                                                </div>
                                                <div class="item-btn">
                                                    <a href="#">Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination-layout1">
                                    <div class="btn-prev disabled">
                                        <a href="#"><i class="fas fa-angle-double-left"></i>Previous</a>
                                    </div>
                                    <div class="page-number">
                                        <a href="#" class="active">1</a>
                                        <a href="#">2</a>
                                    </div>
                                    <div class="btn-next">
                                        <a href="#">Next<i class="fas fa-angle-double-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="payment" role="tabpanel">
                                <div class="myaccount-payment light-shadow-bg">
                                    <div class="light-box-content">
                                        {{-- <br />
                                        <div class="report-list">
                                            <div class="report-item">
                                                <label>Balance: {{ $balance; }}</label>
                                                <div class="item-value">0</div>
                                            </div>
                                        </div>
                                        <hr />
                                        <br /> --}}
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>Payment ID</th>
                                                        <th>Amount(KES)</th>
                                                        <th>Type</th>
                                                        <th>Status</th>
                                                        <th>Date</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><a href="#">2125</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2126</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2127</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2128</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2129</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2130</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2131</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2132</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2133</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">2134</a></td>
                                                        <td>
                                                            <div class="price-amount">
                                                                10
                                                            </div>
                                                        </td>
                                                        <td>Direct Bank Transfer</td>
                                                        <td>Pending</td>
                                                        <td>December 14, 2023 @ 6:49 am</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination-layout1">
                                    <div class="btn-prev disabled">
                                        <a href="#"><i class="fas fa-angle-double-left"></i>Previous</a>
                                    </div>
                                    <div class="page-number">
                                        <a href="#" class="active">1</a>
                                        <a href="#">2</a>
                                    </div>
                                    <div class="btn-next">
                                        <a href="#">Next<i class="fas fa-angle-double-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="accout-detail" role="tabpanel">
                                <div class="light-shadow-bg post-ad-box-layout1 myaccount-store-settings myaccount-detail">
                                    <div class="light-box-content">
                                        <div class="row">
                                            <div class="col-4">
                                              <div class="list-group" id="list-tab" role="tablist">
                                                <a class="list-group-item list-group-item-action active" id="list-basic-info" data-toggle="list" href="#basic_info" role="tab" aria-controls="basic_info"><i class="fas fa-user"></i> Basic information</a>
                                                <a class="list-group-item list-group-item-action" id="list-sec-info" data-toggle="list" href="#sec_info" role="tab" aria-controls="sec_info"><i class="fas fa-lock"></i> Security information</a>
                                                <a class="list-group-item list-group-item-action" id="list-loc-info" data-toggle="list" href="#loc_info" role="tab" aria-controls="loc_info"><i class="fas fa-map-marker-alt"></i> Location details</a>
                                              </div>
                                            </div>
                                            <div class="col-8">
                                              <div class="tab-content" id="nav-tabContent">
                                                <div class="tab-pane fade show active" id="basic_info" role="tabpanel" aria-labelledby="list-basic-info">
                                                    <form>
                                                        <div class="post-section basic-information">
                                                            <div class="post-ad-title">
                                                                <i class="fas fa-user"></i>
                                                                <h3 class="item-title">Basic Information</h3>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Member A/C
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <div class="text-value">{{ $seller->wallet_ac_no }}</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Seller location
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <div class="text-value"> {{ $area }}, {{ $place }}, {{ $region }}, {{ $country }}</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Name
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="text" value="{{ $seller->name }}" class="form-control" name="first-name" id="first-name">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Email
                                                                        <span>*</span>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="email" value="{{ $seller->email }}" class="form-control" name="email" id="email">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Phone
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="text" value="{{ $seller->phone }}" class="form-control" name="phone1" id="phone1">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
    
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="submit" class="submit-btn" value="Update Basic Information">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="tab-pane fade" id="sec_info" role="tabpanel" aria-labelledby="list-sec-info">
                                                    <form action="" method="post">
                                                        @csrf
                                                        <div class="post-section basic-information">
                                                            <div class="post-ad-title">
                                                                <i class="fas fa-lock"></i>
                                                                <h3 class="item-title">Security Information</h3>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Current password
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="text" value="" class="form-control" name="curr_password" id="curr_pwd">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        New password
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="text" value="" class="form-control" name="password" id="pwd">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Confirm new password
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="text" value="" class="form-control" name="password_confirmation" id="confirm_pwd">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
    
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="submit" class="submit-btn" value="Update Security Information">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="tab-pane fade" id="loc_info" role="tabpanel" aria-labelledby="list-loc-info">
                                                    <form action="" method="post">
                                                        @csrf
                                                        <div class="post-section location-detail">
                                                            <div class="post-ad-title">
                                                                <i class="fas fa-map-marker-alt"></i>
                                                                <h3 class="item-title">Location</h3>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Country
                                                                        <span>*</span>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <select id="inputCountry" class="form-control" name="country_id">
                                                                            <option selected>Choose...</option>
                                                                            @foreach ($countries as $c)
                                                                                <option value="{{ $c->id; }}">{{ $c->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Region
                                                                        <span>*</span>
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <select id="inputRegion" class="form-control" name="region_id">
                                                                    
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Place
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <select id="inputPlace" class="form-control" name="place_id">
                                                                    
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
                                                                    <label class="control-label">
                                                                        Area
                                                                    </label>
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <select id="inputArea" class="form-control" name="area_id">
                                                                    
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-3">
    
                                                                </div>
                                                                <div class="col-sm-9">
                                                                    <div class="form-group">
                                                                        <input type="submit" class="submit-btn" value="Update Location Details">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="logout" role="tabpanel">
                                <div class="myaccount-login-form light-shadow-bg">
                                    <div class="light-box-content">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-box login-form">
                                                    <h3 class="item-title">Login</h3>
                                                    <form action="#">
                                                        <div class="form-group">
                                                            <label>Username or E-mail</label>
                                                            <input type="text" class="form-control" name="login-username" id="login-username">
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Password</label>
                                                            <input type="text" class="form-control" name="login-password" id="login-password">
                                                        </div>
                                                        <div class="form-group d-flex">
                                                            <input type="submit" class="submit-btn" value="Login">
                                                            <div class="form-check form-check-box">
                                                                <input class="form-check-input" type="checkbox" id="check-password">
                                                                <label for="check-password">Remember Me</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <a href="#" class="forgot-password">Forgot your password?</a>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-box registration-form">
                                                    <h3 class="item-title">Register</h3>
                                                    <form action="#">
                                                        <div class="form-group">
                                                            <label>Username *</label>
                                                            <input type="text" class="form-control" name="registration-username" id="registration-username">
                                                            <div class="help-block">Username cannot be changed.</div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Email address *</label>
                                                            <input type="email" class="form-control" name="registration-email" id="registration-email">
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Password *</label>
                                                            <input type="text" class="form-control" name="registration-password" id="registration-password">
                                                        </div>
                                                        <div class="form-group">
                                                            <input type="submit" class="submit-btn" value="Register">
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        {{-- @section('javascript')
            {!! $views_per_day_chart->renderChartJsLibrary() !!}
            {!! $views_per_day_chart->renderJs() !!}
        @endsection --}}

@include('more.partials._footer')