@extends('customer.buyers.header')
@section('buyerProfileContent')
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- dashbard-menu-wrap -->
    <div class="dashbard-menu-overlay"></div>
    @include('customer.buyers.sidebar')
    <!-- dashbard-menu-wrap end  -->
    <!-- content -->
    <div class="dashboard-content">
      <div class="dashboard-menu-btn color-bg"><span><i class="fas fa-bars"></i></span>Dasboard Menu</div>
      <div class="container dasboard-container">
        <!-- dashboard-title -->
        <div class="dashboard-title fl-wrap">
          <div class="dashboard-title-item"><span>Dashboard</span></div>
        </div>
        <!-- dashboard-title end -->
        <div class="dasboard-wrapper fl-wrap no-pag">

          <div class="clearfix"></div>
          <div class="row">
            <div class="col-md-8">
              <div class="notification success-notif  fl-wrap">
                <p>Hello <a href="javascript:;">{{ Auth::guard('buyer')->user()->name }}</a> Welcome to your dashboard!</p>
                {{-- <a class="notification-close" href="#"><i class="fal fa-times"></i></a> --}}
              </div>

              {{-- <div class="dashboard-widget-title fl-wrap">Last Activites</div>
              <div class="dashboard-list-box  fl-wrap">
                <!-- dashboard-list end-->
                <div class="dashboard-list fl-wrap">
                  <div class="dashboard-message">
                    <span class="close-dashboard-item color-bg"><i class="fal fa-times"></i></span>
                    <div class="main-dashboard-message-icon color-bg"><i class="far fa-check"></i></div>
                    <div class="main-dashboard-message-text">
                      <p>Your listing <a href="#">Urban Appartmes</a> has been approved! </p>
                    </div>
                    <div class="main-dashboard-message-time"><i class="fal fa-calendar-week"></i> 28 may 2020</div>
                  </div>
                </div>
                <!-- dashboard-list end-->
                <!-- dashboard-list end-->
                <div class="dashboard-list fl-wrap">
                  <div class="dashboard-message">
                    <span class="close-dashboard-item color-bg"><i class="fal fa-times"></i></span>
                    <div class="main-dashboard-message-icon color-bg"><i class="fal fa-comment-alt"></i></div>
                    <div class="main-dashboard-message-text">
                      <p> Someone left a review on <a href="#">Park Central</a> listing!</p>
                    </div>
                    <div class="main-dashboard-message-time"><i class="fal fa-calendar-week"></i> 28 may 2020</div>
                  </div>
                </div>
                <!-- dashboard-list end-->
                <!-- dashboard-list end-->
                <div class="dashboard-list fl-wrap">
                  <div class="dashboard-message">
                    <span class="close-dashboard-item color-bg"><i class="fal fa-times"></i></span>
                    <div class="main-dashboard-message-icon color-bg"><i class="far fa-heart"></i></div>
                    <div class="main-dashboard-message-text">
                      <p><a href="#">Fider Mamby</a> bookmarked your <a href="#">Holiday Home</a> listing!</p>
                    </div>
                    <div class="main-dashboard-message-time"><i class="fal fa-calendar-week"></i> 28 may 2020</div>
                  </div>
                </div>
                <!-- dashboard-list end-->
              </div> --}}

              <div class="dashboard-stats-container fl-wrap">
                <div class="row">
                  <!--dashboard-stats-->
                  <div class="col-md-3">
                    <div class="dashboard-stats fl-wrap">
                      <i class="fal fa-map-marked"></i>
                      <h4>Active Listings</h4>
                      <div class="dashboard-stats-count">{{ $data->servicesCount }}</div>
                    </div>
                  </div>
                  <!-- dashboard-stats end -->
                  <!--dashboard-stats-->
                  <div class="col-md-3">
                    <div class="dashboard-stats fl-wrap">
                      <i class="fal fa-chart-bar"></i>
                      <h4>Listing Views</h4>
                      <div class="dashboard-stats-count">{{ $data->listingViewsCount }}</div>
                    </div>
                  </div>
                  <!-- dashboard-stats end -->
                  <!--dashboard-stats-->
                  <div class="col-md-3">
                    <div class="dashboard-stats fl-wrap">
                      <i class="fal fa-comments-alt"></i>
                      <h4>Your Reviews</h4>
                      <div class="dashboard-stats-count">{{ $data->reviewsCount }}</div>
                    </div>
                  </div>
                  <!-- dashboard-stats end -->
                  <!--dashboard-stats-->
                  <div class="col-md-3">
                    <div class="dashboard-stats fl-wrap">
                      <i class="fal fa-heart"></i>
                      <h4>Times Bookmarked</h4>
                      <div class="dashboard-stats-count">{{ $data->timesBokmarkedCount }}</div>
                    </div>
                  </div>
                  <!-- dashboard-stats end -->
                </div>
              </div>

            </div>
            <div class="col-md-4">
              <!--box-widget-->
              <div class="box-widget fl-wrap">
                <div class="banner-widget fl-wrap">
                  <div class="bg-wrap bg-parallax-wrap-gradien">
                    <div class="bg" data-bg="{{ asset('allUsers/customer/images/all/blog/1.jpg') }}"></div>
                  </div>
                  <div class="banner-widget_content">
                    <h5>Participate in our loyalty program. Refer a friend and get a discount.</h5>
                    <a href="#" class="btn float-btn color-bg small-btn">Read More</a>
                  </div>
                </div>
              </div>
              <!--box-widget end -->
              <!--box-widget-->
              {{-- <div class="dasboard-widget fl-wrap">
                <div class="dasboard-widget-title fl-wrap">
                  <h5><i class="fas fa-comment-alt"></i>Last Messages</h5>
                </div>
                <div class="chat-contacts fl-wrap">
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/2.jpg') }}" alt="">
                      <div class="message-counter">2</div>
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Mark Rose</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/1.jpg') }}" alt="">
                      <div class="message-counter">1</div>
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Adam Koncy</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item chat-contacts-item_active" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/3.jpg') }}" alt="">
                      <div class="message-counter">3</div>
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Andy Smith</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/5.jpg') }}" alt="">
                      <div class="message-counter">4</div>
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Joe Frick</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/4.jpg') }}" alt="">
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Alise Goovy</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                  <!-- chat-contacts-item-->
                  <a class="chat-contacts-item" href="#">
                    <div class="dashboard-message-avatar">
                      <img src="{{ asset('allUsers/customer/images/avatar/6.jpg') }}" alt="">
                    </div>
                    <div class="chat-contacts-item-text">
                      <h4>Cristiano Olando</h4>
                      <span>27 Dec 2018 </span>
                      <p>Vivamus lobortis vel nibh nec maximus. Donec dolor erat, rutrum ut feugiat sed, ornare vitae
                        nunc. Donec massa nisl, bibendum id ultrices sed, accumsan sed dolor.</p>
                    </div>
                  </a>
                  <!-- chat-contacts-item -->
                </div>
              </div> --}}
              <!--box-widget end -->

            </div>
          </div>
        </div>
      </div>
    @endsection