@extends('layout')
@if($flash=session('status'))
    <div class="my_flash alert alert-success">
        {{ $flash}}
    </div>
@endif
@section('content')
<main role="main">
  <div class="wrapper">
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" ><rect fill="#777" width="100%" height="100%"/></svg>
        <div class="container">
          <div class="carousel-caption text-left">
            <h1>Каждый день</h1>
            <p>Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание</p>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" ><rect fill="#777" width="100%" height="100%"/></svg>
        <div class="container">
          <div class="carousel-caption">
            <h1>Каждую неделю</h1>
            <p>Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание</p>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" ><rect fill="#777" width="100%" height="100%"/></svg>
        <div class="container">
          <div class="carousel-caption text-right">
            <h1>Каждый месяц</h1>
            <p>Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание, Тут описание</p>
          </div>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<div class="content">
  <div class="container marketing">
    <div class="row">
      <div class="mycol-lg-4">
        <img class="bd-placeholder-img rounded-circle" width="200" height="200"  src="images/coin.svg">
        <h2>Top up account</h2>
        <p><a class="btn btn-secondary"  @if(auth()->check()) href="/daily" @else href ="/needauth" @endif role="button">Перейти &raquo;</a></p>
      </div>
      <div class="col-lg-5" align="right">
       <img class="bd-placeholder-img rounded-circle" width="200" height="200"  src="images/coins.svg">
        <h2>Try your luck</h2>
        <p><a class="btn btn-secondary" @if(auth()->check()) href="/casino" @else href ="/authneed" @endif role="button">Перейти &raquo;</a></p>
      </div>
      </div>
    </div>
  </div>
</div>
@endsection