<!doctype html>
<html>
  <head>

    <meta charset="utf-8">
    <meta name="csrf-token" class="token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Gwent Online</title>

    <link href="{{ url('favicon.ico') }}" rel="icon" type="image/x-icon">
    <link href="{{ url('assets/css/app.css') }}" rel="stylesheet">

  </head>
  <body class="{{ $section }}">

    @yield('content')

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="{{ url('assets/js/bundle.js') }}"></script>

    <script>
      // todo: extract to vue
      setTimeout(function() {
        $('.container-form-landing').addClass('active')
      }, 300);

      // todo: extract to vue
      $('.btn-guest').on('click', function() {
        // set localstorage for guest
        $('.icon-guest-load').show();

        setTimeout(function() {
          window.location.href = './lobby';
        }, 500);
      });
    </script>

  </body>
</html>