<div class="overflow-hidden login_form">
    <form class="login-form flex justify-center h-screen w-screen" action="/login" method="post">
      <input type="hidden" name="_csrf" value="IAzfuZ40-8-yHbTuUH4Znhu5r2gtOTntJlpA">

      <div class="w-full rounded-lg max-w-md shadow-sm">
          <form class="bg-white shadow-lg px-8 pt-6 pb-8 mb-4">
            <div class="mb-4">
                <label class="block text-grey-darker text-sm font-bold mb-4" for="email">
                  E-mail
                </label>
                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight" id="username" type="text" placeholder="E-mail" name="email">
              </div>
            <div class="mb-4">
              <label class="block text-grey-darker text-sm font-bold mb-4" for="password">
                Password
              </label>
              <input class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker mb-3 leading-tight" id="password" type="password" placeholder="********" name="password">
            </div>
            <div class="flex items-center justify-between">
              <button type="submit" class="bg-green hover:bg-green-dark text-white font-bold py-2 px-4 rounded" type="button">
                Se connecter
              </button>
              <a class="inline-block font-bold text-sm text-blue-darker" href="#">
                Mot de passé oublié ?
              </a>

              <div class="field">
                <label class="checkbox">
                    <input type="checkbox" name="is_active">
                    Se souvenir
                </label>
            </div>
            </div>
          </form>
        </div>


        {{ csrfField() }}
    </form>
    </div>