@extends('backend.layouts.app')

@section('title')
    Login
@endsection

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form action="{{ route('login') }}" method="POST" class="form-validate is-alter" autocomplete="off">
        @csrf
        <div class="form-group">
            <div class="form-label-group">
                <label class="form-label" for="email-address">Email</label>
            </div>
            <div class="form-control-wrap">
                <input autocomplete="off" type="text" name="email" class="form-control form-control-lg" required
                    id="email-address" placeholder="example@example.com">
            </div>
        </div>
        <div class="form-group">
            <div class="form-label-group">
                <label class="form-label" for="password">Password</label>
            </div>
            <div class="form-control-wrap">
                <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch lg"
                    data-target="password">
                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                </a>
                <input autocomplete="new-password" name="password" type="password" class="form-control form-control-lg"
                    required id="password" placeholder="**********">
            </div>
            <div class="form-group mt-4">
                <div class="form-floating">
                    <div class="g-recaptcha" data-sitekey="{{ Helper::general('recaptcha-key') }}"></div>
                </div>
            </div>
        </div>

        <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block">Sign in</button>
        </div>
    </form>

    <div class="form-note-s2 pt-4"> New on our platform? <a href="{{ route('register') }}">Create an account</a></div>

    <div class="modal fade" tabindex="-1" id="modalLarge">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal Title</h5>
                    <a href="#" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <em class="icon ni ni-cross"></em>
                    </a>
                </div>
                <div class="modal-body">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem similique earum necessitatibus
                        nesciunt! Quia id expedita asperiores voluptatem odit quis fugit sapiente assumenda sunt
                        voluptatibus atque facere autem, omnis explicabo.</p>
                </div>
                <div class="modal-footer bg-light">
                    <span class="sub-text">Modal Footer Text</span>
                </div>
            </div>
        </div>
    </div>
@endsection