@extends('layouts.welcome')

@section('content')
<div class="row">
    <div class="col-xl-12">
      <div class="card">
        <div class="card-header">
          <h2 class="title text-center"><span class="welcome-img-span"><img class="welcome-img" src="/img/soccerBall.png"></span>Welcome to SkillCourt!</h5>
          <hr class="welcome-hr" />
        </div>
        <div class="card-body">
          <div class="row welcome-main">
            <div class="col-xl-8">
              <h4>What is Aginēēk?</h4>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras purus justo, rhoncus sed metus non, gravida auctor urna. Mauris finibus sapien nisi, et gravida arcu commodo sed. Nunc a cursus ipsum. In vulputate condimentum efficitur. Nullam euismod vitae neque id imperdiet. Aenean blandit sem ultricies, ultricies nunc id, efficitur odio. Etiam posuere tristique hendrerit. Nam at vulputate ligula. Integer dapibus orci tortor, a scelerisque tortor porta sit amet. Praesent hendrerit, velit eu auctor aliquet, odio sem eleifend nibh, sit amet dignissim ligula nisl et tortor. Aliquam condimentum enim et felis fringilla, vel hendrerit lacus molestie.</p>
              <p>Mauris ligula ex, mollis ut interdum sit amet, aliquam a ipsum. Proin at pulvinar nisl. Curabitur fringilla efficitur neque id tempor. Curabitur non iaculis dolor. Nulla non vehicula turpis. Nunc vehicula magna ut augue fermentum accumsan. Aenean laoreet ligula congue felis hendrerit tincidunt. Duis tempus ornare quam, vel egestas felis auctor a.</p>
              <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi id.</p>
              <ul>
                <li>Morbi dolor mi, euismod a justo in.</li>
                <li>Pellentesque consectetur, sem quis <a href="#">fermentum rhoncus</a>, leo.</li>
                <li>Nullam placerat aliquet est, ac hendrerit dui.</li>
              </ul>
            </div>
            <div class="col-xl-4 text-center my-auto">
              <img src="/img/portfolio/img4.jpeg">
            </div>
          </div>
          <div class="row welcome-main">
            <div class="col-xl-12">
              <h4>Getting Started</h4>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis ornare tincidunt. Praesent suscipit libero vel est dapibus, sit amet finibus tellus accumsan. Duis varius tempor sagittis. Vestibulum placerat libero quam, ut varius libero bibendum vel. Pellentesque ut vestibulum ligula. Sed in consequat justo. Phasellus sit amet augue dui. Praesent sodales aliquet diam, sit amet eleifend leo. Duis fringilla fermentum elementum.</p>
              <p>Ut faucibus auctor tortor vel placerat. Etiam vestibulum non nisl ac convallis. In pulvinar laoreet vestibulum. Vestibulum augue erat, iaculis non dignissim in, euismod ut sapien. Mauris lacus sapien, cursus vel ornare ut, sagittis vel massa. Aenean congue enim eget quam interdum, et dictum est facilisis. Etiam eu eleifend nulla. Fusce non condimentum dolor, eu tempor felis. Donec rutrum eu eros a mollis. Nulla sollicitudin eleifend cursus. Sed mattis, tellus et tincidunt sagittis, dolor lectus aliquet nisi, id auctor mauris risus vitae lacus.</p>
            </div>
          </div>
          <div class="row-welcome-main">
            @role('admin')
            <a role="button" href="{{ route('admin') }}" class="btn btn-primary">Continue</a>
            @endrole
            @role('player')
            <a role="button" href="{{ route('player') }}" class="btn btn-primary">Continue</a>
            @endrole
            <a role="button" href="{{ route('pages.tutorial') }}" class="btn btn-primary">Learn More</a>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection


