@extends('body')
@section('title')
    Home
@endsection
@section('breadcrumbs')
  <li>Home</li>
@endsection

@section('home')
<!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex align-items-center">
    <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
      <div class="row justify-content-center">
        <div class="col-xl-7 col-lg-9 text-center">
          <h1>Welcome to Medianet Middleware Application</h1>
          <h2>Manage all the sites in one place</h2>
        </div>
      </div>
      @guest
      <div class="text-center">
        <a href="{{ route('login') }}" class="btn-get-started scrollto">Get Started</a>
      </div>
      @endguest
    </div>
</div>
</section>
<!-- End Hero --> 
@endsection
@guest
  {{-- if guset nothing to display --}}
@else

  @section('content')
    <!-- ======= Numbers Section ======= -->
    @if (Auth::user()->isAuthorized('dashboard') == true)
    <section id="counts" class="counts section-bg">
      <div class="container">
        <div class="row justify-content-end">
          <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
            <div class="count-box">
              <span data-toggle="counter-up">{{ $sites }}</span>
              <p>Number of Sites</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
            <div class="count-box">
              <span data-toggle="counter-up">0</span>
              <p>Devices</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    @endif
    <!-- End Numbers Section -->    
  @endsection

@endguest