@extends('layout.template')
@section('isi')
<div class="section-header">
    <h1>Dashboard</h1>
    <div class="section-header-breadcrumb" style="padding: 10px !important">
      <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
    </div>
</div>
<div class="alert alert-info alert-has-icon">
  <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
  <div class="alert-body">
    <div class="alert-title">Info</div>
    Selamat Datang di website {{ config('app.name') }}.
  </div>
</div>
{{-- <div class="row">

  <div class="col-xl-3 col-lg-6">
    <div class="card">
      <div class="card-body card-type-3">
        <div class="row">
          <div class="col">
            <h6 class="text-muted mb-0">Orders</h6>
            <span class="font-weight-bold mb-0">450</span>
          </div>
          <div class="col-auto">
            <div class="card-circle l-bg-orange text-white">
              <i class="fas fa-book-open"></i>
            </div>
          </div>
        </div>
        <p class="mt-3 mb-0 text-muted text-sm">
          <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 10%</span>
          <span class="text-nowrap">Since last month</span>
        </p>
      </div>
    </div>
  </div>

  <div class="col-xl-3 col-lg-6">
    <div class="card">
      <div class="card-body card-type-3">
        <div class="row">
          <div class="col">
            <h6 class="text-muted mb-0">New Booking</h6>
            <span class="font-weight-bold mb-0">1,562</span>
          </div>
          <div class="col-auto">
            <div class="card-circle l-bg-cyan text-white">
              <i class="fas fa-briefcase"></i>
            </div>
          </div>
        </div>
        <p class="mt-3 mb-0 text-muted text-sm">
          <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 7.8%</span>
          <span class="text-nowrap">Since last month</span>
        </p>
      </div>
    </div>
  </div>

  <div class="col-xl-3 col-lg-6">
    <div class="card">
      <div class="card-body card-type-3">
        <div class="row">
          <div class="col">
            <h6 class="text-muted mb-0">Inquiry</h6>
            <span class="font-weight-bold mb-0">7,897</span>
          </div>
          <div class="col-auto">
            <div class="card-circle l-bg-green text-white">
              <i class="fas fa-phone"></i>
            </div>
          </div>
        </div>
        <p class="mt-3 mb-0 text-muted text-sm">
          <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 15%</span>
          <span class="text-nowrap">Since last month</span>
        </p>
      </div>
    </div>
  </div>

  <div class="col-xl-3 col-lg-6">
    <div class="card">
      <div class="card-body card-type-3">
        <div class="row">
          <div class="col">
            <h6 class="text-muted mb-0">Earning</h6>
            <span class="font-weight-bold mb-0">$8,965</span>
          </div>
          <div class="col-auto">
            <div class="card-circle l-bg-purple text-white">
              <i class="fas fa-dollar-sign"></i>
            </div>
          </div>
        </div>
        <p class="mt-3 mb-0 text-muted text-sm">
          <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 5.4%</span>
          <span class="text-nowrap">Since last month</span>
        </p>
      </div>
    </div>
  </div>

</div>

<div class="card">
  <div class="card-header">
    <h4>Card Title</h4>
  </div>
  <div class="card-body">
    This is some text within a card body.
  </div>
</div> --}}
@endsection