@extends('layouts.main')

@section('container')

<!-- css references -->
<link href="css/home.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bottom-bar.css" rel="stylesheet" type="text/css" media="all" />

<div class="body">

<!-- top part of the website -->
<div class="top">

  <!-- messages for register -->
  @if ($message = Session::get('success'))
    <div class="alert alert-success d-flex align-items-center" role="alert">
      <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:">
      <use xlink:href="#check-circle-fill"/></svg>
      <strong>{{ $message }}</strong>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  @endif

  <!-- messages for forgot password -->
  @if ($message = Session::get('found'))
      <div class="alert alert-success d-flex align-items-center" role="alert">
        <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:">
        <use xlink:href="#check-circle-fill"/></svg>
        <strong>{{ $message }}</strong>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
  @endif
  @if ($message = Session::get('error'))
      <div class="alert alert-danger d-flex align-items-center" role="alert">
        <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:">
        <use xlink:href="#exclamation-triangle-fill"/></svg>
        <strong>{{ $message }}</strong>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
  @endif

  <!-- logout message -->
  @if($message = Session::get('logout'))
  <div class="alert alert-success">
    <strong>{{$message}}</strong>
  </div>
  @endif
  
  <!-- website laptop part -->
  <div class="container text">
    <p><h2>Assessing ASEAN Entrepreneurs</h2></p>

    <!-- message container -->
    <div class="container detail">
      <p><h5>{{ __('messages.home1') }}</h5></p>
    </div>

    <!-- test button -->
    <div class="container btn">
      <a href="/test">
        <button type="button" class="btn btn-primary">{{ __('messages.test') }}</button>
      </a>
    </div>
  </div>
</div>

<!-- explanation part -->
<div class="container dtl">
  <p>{{ __('messages.home2') }}</p>
</div>

</div>

@include('part.bottom')
@endsection