@extends('layouts.app')

@section('title', 'ورود | آژانس مسافرتی')

@section('content')

    <div class="auth-page">

        <div class="container">

            <div class="auth-card login-card">

                {{-- عنوان --}}

                <div class="auth-header">

                    <div class="auth-icon">

                        <i class="fa fa-sign-in"></i>

                    </div>

                    <h1>
                        ورود به حساب کاربری
                    </h1>

                    <p>
                        برای ورود، نام کاربری یا ایمیل و رمز عبور خود را وارد کنید.
                    </p>

                </div>


                {{-- خطاها --}}

                @if($errors->any())

                    <div class="auth-alert auth-alert-danger">

                        <i class="fa fa-exclamation-circle"></i>

                        <div>

                            <strong>
                                ورود انجام نشد.
                            </strong>

                            <ul>

                                @foreach($errors->all() as $error)

                                    <li>
                                        {{ $error }}
                                    </li>

                                @endforeach

                            </ul>

                        </div>

                    </div>

                @endif


                {{-- پیام موفقیت --}}

                @if(session('success'))

                    <div class="auth-alert auth-alert-success">

                        <i class="fa fa-check-circle"></i>

                        {{ session('success') }}

                    </div>

                @endif


                {{-- فرم --}}

                <form
                    action="{{ route('auth.login.post') }}"
                    method="POST"
                    class="auth-form"
                >

                    @csrf


                    <div class="form-group">

                        <label for="login">
                            ایمیل یا نام کاربری
                        </label>

                        <input
                            type="text"
                            id="username"
                            name="username"
                            value="{{ old('login') }}"
                            class="form-control"
                            placeholder="ایمیل یا نام کاربری"
                            dir="ltr"
                            autocomplete="username"
                            required
                        >

                    </div>


                    <div class="form-group">

                        <label for="password">
                            رمز عبور
                        </label>

                        <input
                            type="password"
                            id="password"
                            name="password"
                            class="form-control"
                            placeholder="رمز عبور"
                            autocomplete="current-password"
                            required
                        >

                    </div>


                    {{-- مرا به خاطر بسپار --}}

                    <div class="login-options">

                        <label class="remember-me">

                            <input
                                type="checkbox"
                                name="remember"
                                value="1"
                                {{ old('remember') ? 'checked' : '' }}
                            >

                            <span>
                            مرا به خاطر بسپار
                        </span>

                        </label>

                    </div>


                    {{-- دکمه --}}

                    <button
                        type="submit"
                        class="auth-btn"
                    >

                        <i class="fa fa-sign-in"></i>

                        ورود به حساب

                    </button>


                </form>


                {{-- ثبت نام --}}

                <div class="auth-footer">

                    حساب کاربری ندارید؟

                    <a href="{{ route('auth.register.index') }}">
                        ثبت‌نام کنید
                    </a>

                </div>

            </div>

        </div>

    </div>

@endsection