@extends('layouts.user')



@section('content')

<!-- page-title -->

<div class="page-title" style="background-image: url(images/section/page-title.jpg);">

    <div class="container-full">

        <div class="row">

            <div class="col-12">

                <h3 class="heading text-center">Login</h3>

                <ul class="breadcrumbs d-flex align-items-center justify-content-center">

                    <li>

                        <a class="link" href="{{ url('/') }}">Homepage</a>

                    </li>

                    <li>

                        <i class="icon-arrRight"></i>

                    </li>

                    <li>

                        <a class="link" href="#">Pages</a>

                    </li>

                    <li>

                        <i class="icon-arrRight"></i>

                    </li>

                    <li>

                        Login

                    </li>

                </ul>

            </div>

        </div>

    </div>

</div>

<!-- /page-title -->



<!-- login -->

<section class="flat-spacing">

    <div class="container">

        <div class="login-wrap">

            <div class="left">

                <div class="heading">

                    <h4>Login</h4>

                </div>



                <!-- Display success message -->

                @if(session('success'))

                    <div class="alert alert-success">{{ session('success') }}</div>

                @endif



                <!-- Display errors -->

                @if($errors->any())

                    <div class="alert alert-danger">

                        <ul>

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

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

                        @endforeach

                        </ul>

                    </div>

                @endif



                <!-- Login form -->

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

                    @csrf

                    <div class="wrap">

                        <fieldset class="">

                            <input class="" type="email" placeholder="Username or email address*" name="customer_email" tabindex="2" value="{{ old('customer_email') }}" aria-required="true" required>

                        </fieldset>

                        <fieldset class="position-relative password-item">

                            <input class="input-password" type="password" placeholder="Password*" name="password" tabindex="2" aria-required="true" required>

                            <span class="toggle-password unshow">

                                <i class="icon-eye-hide-line"></i>

                            </span>

                        </fieldset>

                        <div class="d-flex align-items-center justify-content-between">

                            <div class="tf-cart-checkbox">

                                <div class="tf-checkbox-wrapp">

                                    <input checked class="" type="checkbox" id="login-form_agree" name="agree_checkbox">

                                    <div>

                                        <i class="icon-check"></i>

                                    </div>

                                </div>

                                <label for="login-form_agree">

                                    Remember me

                                </label>

                            </div>

                            <!-- <a href="{{ url('forget-password') }}" class="font-2 text-button forget-password link">Forgot Your Password?</a> -->

                        </div>

                    </div>

                    <div class="button-submit">

                        <button class="tf-btn btn-fill" type="submit">

                            <span class="text text-button">Login</span>

                        </button>

                    </div>

                </form>

            </div>



            <div class="right">

                <h4 class="mb_8">New Customer</h4>

                <p class="text-secondary">Be part of our growing family of new customers! Join us today and unlock a world of exclusive benefits, offers, and personalized experiences.</p>

                <a href="{{ route('user.register.form') }}" class="tf-btn btn-fill">

                    <span class="text text-button">Register</span>

                </a>

            </div>

        </div>

    </div>

</section>

<!-- /login -->

@endsection