@extends('layouts.auth')
@section("pageTitle", "Login")

@push("styles")
   
@endpush

@section("content")





<section id="wrapper" class="login-register">
    <div class="login-box  login-sidebar">
      <div class="blue-box">
        <form class="form-horizontal form-material" id="loginform" name="loginform" action="{{ route('login') }}" method="POST">
          @CSRF
          
          <a href="javascript:void(0)" class="text-center db m-t-80">
              <img src="{{asset("/assets/images/logo-topo.png")}}" alt="Home" />
          </a>
          <div class="form-group m-t-40">
            <div class="col-xs-12">
                <input type="text" name="email" id="email" class="form-control email" placeholder="Seu email..." />
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12">
                <input type="password" name="password" id="password" class="form-control pwd" placeholder="Sua senha..." />
            </div>
          </div>

          <div class="form-group">
            <div class="col-md-12">
              <div class="checkbox checkbox-primary pull-left p-t-0">
                <input type="checkbox" name="remember" value="1" id="checkbox-signup" />
                <label for="checkbox-signup"> Lembrar-me </label>
              </div>
              <a href="javascript:void(0)" id="to-recover" class="text-dark pull-right"><i class="fa fa-lock m-r-5"></i> Esqueceu sua senha?</a> </div>
          </div>

          <div class="form-group text-center m-t-20">
            <div class="col-xs-12">
              <button type="submit" value="" class="btn btn-info btn-lg btn-block text-uppercase waves-effect waves-light btnSubmit">Autenticar</button>
            </div>
          </div>
        </form>
        <form class="form-horizontal form-material" id="recoverform" name="recoverform" action="{{ route('login') }}">
          <div class="form-group ">
            <div class="col-xs-12">
              <h3>Recuperação de Senha</h3>
              <p class="text-muted">Digite seu Email e as instruções serão enviadas para você! </p>
            </div>
          </div>
          <div class="form-group ">
            <div class="col-xs-12">
              <input class="form-control" name="identity" type="email" required="" placeholder="Email">
            </div>
          </div>

          <div class="btn-group btn-group-justified m-b-20">
            <a class="btn btn-warning waves-effect waves-light text-uppercase " href="{{url("/")}}" role="button" style="width:30%;"><< Voltar</a> 
            <button class="btn btn-info waves-effect waves-light text-uppercase" type="submit" role="button" style="width:100%;">Resetar</button>
          </div>
            
        </form>
      </div>
    </div>
  </section>
@endsection

@push("scripts")

@endpush