@extends('front.layouts.master')

@section('banner')
<section class="tmp-breadcrumb-area bg-image banner-bg" style="background-image: url({{ asset('uploads/'.$global_setting->banner) }});">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-content-main text-center">
                    <h1 class="title text-white fw-bold display-4 mb-3">{{ $page_data->login_page_title }}</h1>
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb justify-content-center align-items-center mb-0">
                            <li class="breadcrumb-item"><i class="fa-solid fa-house text-primary-orange"></i>
                                <a href="{{ route('home') }}" class="text-white text-decoration-none opacity-75">Home</a>
                            </li>
                            <li class="breadcrumb-item active text-white fw-bold" aria-current="page">
                                {{ $page_data->login_page_title }}
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="breadcrumb-shape">
        <img src="{{ asset('uploads/shape-01.png') }}" class="shape-1" alt="">
        <img src="{{ asset('uploads/shape-02.png') }}" class="shape-2" alt="">
    </div>
</section>
@endsection

@section('content')
<section class="auth-section py-5 bg-light">
    <div class="container">
        <div class="row g-4 justify-content-center">
            <div class="col-lg-6 col-md-8">
                <div class="auth-card p-5 h-100 bg-white shadow-sm border-0">
                    <form action="{{ route('login_submit') }}" method="post">
                        @csrf
                        <div class="mb-3">
                            <input name="email" type="text" class="form-control custom-input" placeholder="Email Address">
                        </div>
                        <div class="mb-3">
                            <input name="password" type="password" class="form-control custom-input" placeholder="Password">
                        </div>
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <a href="{{ route('forget_password') }}" class="text-decoration-none text-muted small">Lost your password?</a>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 py-3 auth-btn mb-4">
                            Log In <i class="fa-solid fa-arrow-right-long ms-2"></i>
                        </button>

                        <p class="text-center text-muted mb-0">Don't have an account?
                            <a href="{{ route('register') }}" class="text-decoration-none fw-bold text-primary-orange">Register</a>
                        </p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection