@extends('layouts.app')

@section('content')
    <main class="main">

        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/02.jpg)">
            <div class="container">
                <h2 class="breadcrumb-title">ورود</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="{{route('index')}}">صفحه اصلی</a></li>
                    <li class="active">ورود</li>
                </ul>
            </div>
        </div>

        <div class="login-area py-120">
            <div class="container">
                <div class="col-md-5 mx-auto">
                    @if ($errors->has('general'))
                        <span style="color: red">
                            {{ $errors->first('general') }}
                        </span>
                    @endif
                    <div class="login-form">
                        <div class="login-header">
                            <img src="assets/img/logo/logo-dark.png" alt>
                            <p>با حساب MyTrip خود وارد شوید</p>
                        </div>
                        <form action="{{route('auth.login.post')}}" method="post">
                            @csrf
                            <div class="form-group">
                                <label>آدرس ایمیل</label>
                                <div class="form-group-icon">
                                    <input type="email" name="email" class="form-control" placeholder="ایمیل خود را وارد کنید" value="{{old('email')}}">
                                    <i class="far fa-envelope"></i>
                                </div>
                                @error('email')
                                <span style="color: red">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>رمز عبور</label>
                                <div class="form-group-icon">
                                    <input type="password" name="password" class="form-control" placeholder="رمز عبور را وارد کنید">
                                    <i class="far fa-lock"></i>
                                </div>
                                @error('password')
                                <span style="color: red">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="d-flex justify-content-between mb-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value id="remember">
                                    <label class="form-check-label" for="remember">
                                        مرا به یاد داشته باش
                                    </label>
                                </div>
                                <a href="forgot-password.html" class="forgot-pass">رمز عبور را فراموش کرده اید؟</a>
                            </div>
                            <div class="d-flex align-items-center">
                                <button type="submit" class="theme-btn"><i class="far fa-sign-in"></i> ورود</button>
                            </div>
                        </form>
                        <div class="login-footer">
                            <div class="login-divider"><span>یا</span></div>
                            <p>اکانت ندارید ؟ <a href="{{route('auth.register.index')}}">عضو شدن.</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
@endsection