@extends('front.layouts.master')
@section('content')
    <main>
        <section class="container-fluid px-0">
            <div class="hero-section">
                <section class="container mt-5">
                    <div class="form-container-1 bg-white mx-lg-5">
                        <div class="row">
                            <div class="col-12 col-lg-5">
                                <h1 class="section-title-2 color-gradient-primary-to-primary-2 ltsp-n5">وارد شوید</h1>
                                <h4 class="section-subtitle-2 color-primary-1 mt-4">هنوز ثبت‌نام نکرده‌اید؟</h4>
                                <p class="text-2-1 color-primary-1 mt-1">
                                    با ثبت‌نام در اونای می‌توانید به راحتی از تخفیف‌ها و امکانات ما استفاده کنید.
                                </p>
                            </div>
                            <div class="col-12 col-lg-7">
                                <form>
                                    <div class="mb-3">
                                        <label for="mobile" class="form-label mobile color-primary-1 ps-4 mb-0">شماره
                                            همراه</label>
                                        <input type="text" class="form-control color-primary-1 text-end"
                                            id="mobile" name="mobile">
                                    </div>

                                    <div class="mb-3">
                                        <label for="password" class="form-label mobile color-primary-1 ps-4 mb-0">رمز
                                            عبور</label>
                                        <input type="password" class="form-control color-primary-1 text-end"
                                            id="password" name="password">
                                    </div>

                                    <div class="d-flex flex-column flex-lg-row align-items-center gap-2 mt-4">
                                        <a href="/forgot" class="color-other-7 text-6 me-auto">رمز عبور خود را فراموش
                                            کرده‌اید؟</a>
                                        <a href="/register"
                                            class="btn btn-gradient-tertiary-5-to-3 color-primary-2 action-title-2 px-3 py-2">
                                            ثبت‌نام
                                        </a>
                                        <button type="submit" class="btn btn-main text-white action-title-2 px-3 py-2">
                                            ورود
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10"
                                                    viewBox="0 0 6 10" fill="none">
                                                    <path d="M5 8.82373L1 4.82373L5 0.82373" stroke="currentColor"
                                                        stroke-width="2" stroke-linejoin="bevel"></path>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </main>
@endsection

@section('js-page')
    {{-- <script defer src="/front/scripts/custom.js"></script> --}}
@endsection