@extends('layouts.store')

@section('title', 'Log In — Meatworx')

@section('content')
<section class="mw-inner-hero">
    <div class="container mw-inner-hero-inner">
        <div class="mw-inner-hero-copy">
            <h1>Log In</h1>
            <p class="mw-inner-hero-script">Fresh, Safe, Vacumm Packed</p>
        </div>
        <span class="mw-inner-hero-meat" aria-hidden="true">Meat</span>
    </div>
</section>

<section class="mw-auth-page">
    <div class="container">
        <form class="mw-panel mw-auth-card" action="{{ route('login.submit') }}" method="POST">
            @csrf
            <h2>Welcome back</h2>
            <p class="mw-account-note">Use your email or mobile. Retail, business and supplier accounts sign in here.</p>
            @if($errors->any())
                <div class="mw-form-error">{{ $errors->first() }}</div>
            @endif
            <div class="mw-field">
                <label for="login">Email or mobile</label>
                <input id="login" name="login" value="{{ old('login') }}" required autofocus>
            </div>
            <div class="mw-field">
                <label for="password">Password</label>
                <input id="password" type="password" name="password" required>
            </div>
            <label class="mw-check">
                <input type="checkbox" name="remember" value="1" @checked(old('remember'))>
                Remember me
            </label>
            <button class="mw-btn mw-btn-block" type="submit">Log In</button>
            <p class="mw-auth-switch">New here? <a href="{{ route('register') }}">Create an account</a></p>
        </form>
    </div>
</section>
@endsection