@extends('layouts.master')

@section('content')
    <div class="container-fluid wrapper">

        <div class="row wrapper-row">
            <div class="col-12 wrapper-col">
                <div class="wrapper-form">

                    <form class="form" action="{{ route('login') }}" method="post">
                        @csrf

                        <div class="form-errors margin-bottom--25">
                            @if($errors->any())
                                @foreach($errors->all() as $error)
                                    <span class="form-error">{{ $error }}</span>
                                @endforeach
                            @endif
                        </div>

                        <div class="form-group">
                            <input type="text" class="form-input" name="username" required autofocus/>
                            <label class="form-label">Username</label>
                        </div>
                        <div class="form-group margin-top--25">
                            <input type="password" class="form-input" name="password" required />
                            <label class="form-label">Password</label>
                        </div>
                        <div class="form-group margin-top--25 display-flex">
                            <div class="form-remember">
                                <label class="form-checkbox-label">
                                    <input type="checkbox" class="form-checkbox" name="remember" checked/><span class="form-remember-text">Remember me</span>
                                    <span class="form-fake-checkbox"></span>
                                </label>
                            </div>
                            <button type="submit" class="form-button"><i class="fas fa-arrow-right form-icon"></i></button>
                        </div>
                    </form>

                </div><!-- End wrapper-form -->
            </div> <!-- End wrapper-col -->
        </div> <!-- End wrapper-row -->

    </div>
@endsection