@extends('layouts.backend')

@section('head')
<style>
    .grande {
        height: 35px !important;
        font-size: 20px !important
    }
    .login-label {
        font-size: 16px !important
    }
    ul.login-ul {
        padding:0 0 0 15px
    }
    ul.login-ul li{
        font-family: inherit;
        font-size: 16px !important;
        color: #ff0000;
    }
</style>
@endsection       

@section('body')

<div class="container" align="center" style="min-height:700px;">
     
    <div align="center" style="padding-top:2px;padding-left:20px;margin-top:20px">
        
    </div>
    
    
    @if ($errors->any())
        <div align="left" style="margin-top:40px;width: 350px;">
            <ul class="login-ul">
                @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
     @endif            



    <form action="{{ url('/')}}/session/store" method="POST">
        <div>
            <img src="{{ url('/')}}/img/logo.png" width="600px" alt="Dante Limina" />
        </div>
        <div style="margin-top:0px;width: 350px;">
            @csrf
            <div align="left" style="margin-bottom:3px">
                <label class="login-label" for="username">Nome utente</label>
            </div>
            <div align="left">
                <input type="text" name="username" id="username" class="textbox grande" style="width: 340px" value="{{ old('username')}}">
            </div>
            <div align="left" style="margin-top:15px;margin-bottom:3px">
                <label class="login-label" for="password">Password</label>
            </div>
            <div align="left">
                <input type="password" name="password" id="password" class="textbox grande" style="width: 340px" value="{{ old('password')}}">
            </div>
            <div align="left" style="margin-top:20px">
                <input type="submit" name="submit" id="submit" value="Login" class="btn btn-reverse" />
            </div>            
        </div>
    </form>
</div>
<script type="text/javascript">
    document.getElementById("username").focus();
</script>
@endsection