@extends('layouts.app')

@section('content')

    <div class="theme-hero-area">

        <div class="theme-hero-area-bg-wrap">
            <div
                class="theme-hero-area-bg"
                style="background-image:url(img/adult-book-business-cactus-297755_1500x800.jpg);">
            </div>

            <div class="theme-hero-area-mask theme-hero-area-mask-strong"></div>
        </div>

        <div class="theme-hero-area-body">

            <div class="theme-page-section _pt-100 theme-page-section-xl">

                <div class="container">

                    <div class="row">

                        <div class="col-md-4 col-md-offset-4">

                            <div class="theme-login theme-login-white">

                                <div class="theme-login-header">

                                    <h1 class="theme-login-title">
                                        ورود
                                    </h1>

                                    <p class="theme-login-subtitle">
                                        وارد حساب Bookify خود شوید
                                    </p>

                                </div>

                                <div class="theme-login-box">

                                    <div class="theme-login-box-inner">

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

                                            @csrf

                                            {{-- Mobile --}}
                                            <div class="form-group theme-login-form-group">
                                                <label>شماره موبایل</label>
                                                <input
                                                    class="form-control"
                                                    type="text"
                                                    name="mobile"
                                                    value="{{ old('mobile') }}"
                                                    placeholder="شماره موبایل"
                                                >

                                                @error('mobile')
                                                <span class="text-danger">
                                                        {{ $message }}
                                                    </span>
                                                @enderror

                                            </div>


                                            {{-- Password --}}
                                            <div class="form-group theme-login-form-group">
                                                <label>کلمه عبور</label>

                                                <input
                                                    class="form-control"
                                                    type="password"
                                                    name="password"
                                                    placeholder="کلمه عبور"
                                                >

                                                @error('password')
                                                <span class="text-danger">
                                                        {{ $message }}
                                                    </span>
                                                @enderror

                                            </div>


                                            {{-- General Error --}}
                                            @error('general')

                                            <div class="text-danger">
                                                {{ $message }}
                                            </div>

                                            @enderror


                                            {{-- Remember --}}
                                            <div class="form-group">

                                                <div class="theme-login-checkbox">

                                                    <label class="icheck-label">

                                                        <input
                                                            class="icheck"
                                                            type="checkbox"
                                                            name="remember"
                                                            value="1"
                                                        >

                                                        <span class="icheck-title">
                                                            مرا وارد سیستم نگه دارید
                                                        </span>

                                                    </label>

                                                </div>

                                            </div>


                                            {{-- Submit --}}
                                            <button
                                                type="submit"
                                                class="btn btn-uc btn-dark btn-block btn-lg"
                                            >
                                                ورود
                                            </button>

                                        </form>



                                    <div class="theme-login-box-alt">

                                        <p>
                                            حساب کاربری ندارید؟ &nbsp;

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

                                        </p>

                                    </div>

                                </div>


                                <p class="theme-login-terms">

                                    با ورود به سیستم،
                                    <a href="#">
                                        شرایط استفاده
                                    </a>

                                    <br>

                                    و

                                    <a href="#">
                                        سیاست حفظ حریم خصوصی
                                    </a>

                                    ما را می پذیرید.

                                </p>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection