@extends('layouts.app_admin')

  @section('content')


  <!-- sidebar-wrapper  -->
    <main class="page-content">
      <div class="container-fluid">
        <div class="row section-dash">
            <!-- <div class="col-md-12">
                <div class="blink-sms">
                    <div class="sms-header">
                        <h2 class="tittle">Important Alert</h2>
                    </div>
                    <div class="sms-details">
                    </div>     
                </div>
            </div> -->

<!--           <div class="col-lg-4 col-md-6">
            <div class="white-box rate-box">
              <h3 class="tittle">Aenean</h3>
              <p class="subtittle">Lorem Ipsum</p>
              <h1 class="big-tittle rat-margin">11,950</h1>
              <p class="common-text">Lorem ipsum dolor sir amet</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
             <div class="progress-content-block white-box">
                <div class="progress-bar position one wow slideInUp" data-percent="50" data-duration="1000" data-color="#eee,#0d8be2">
                  <div class="content-box">
                    <h3 class="heading-pro">Nam Rutrum</h3>
                  <p class="extra-content">Lorem Ipsum</p>
                  </div>
                </div>
                <button class="btn-default btn-dash">Nam Rutrum</button>
             </div>
          </div>

          <div class="col-lg-4 col-md-6">
             <div class="white-box">
              <h3 class="tittle">Phasellus Interdum</h3>
                <p class="subtittle">Lorem Ipsum</p>
             </div>
           </div> -->
        </div>

        <div class="row">
           <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10">{{ $user }}</h1>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="colored-box orange-clr">
              <h3 class="tittle">Products</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10">{{ $product }}</h1>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">Order</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10">{{ $order }}</h1>
            </div>
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">New Arrivals</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10">{{ $new_arrivals }}</h1>
            </div>
          </div>

        </div>
      </div>
    </main>
  <!-- page-content" -->
</div>
<!-- page-wrapper -->
@endsection
<!-- Footer -->