@extends('frontend.layouts.master')
@section('title') {{ __('header.login_title') }} @endsection
@section('main-content')
@include('frontend.layouts.notification')

<!-- SAB BANNER START-->
<div class="sab_banner overlay">
    <div class="container">
        <div class="sab_banner_text">
            <h2>{{ __('header.login_title') }}</h2>
            <ul class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('header.home_title') }}</a></li>
              <li class="breadcrumb-item active">{{ __('header.login_title') }}</li>
            </ul>
        </div>
    </div>
</div>
<!-- SAB BANNER END-->

<!--D HELP LOGIN WRAP START-->
<div class="city_login_wrap">
    <div class="container">
        <div class="city_login_list">
            <div class="city_login">
                <h4>{{ __('header.login_title') }}</h4>
                <p>welcome back ; sign in your account</p>
                <form method="post" id="commentform1" class="city_comment_form_login" action="{{route('login.submit')}}">
                    @csrf
                    <div class="city_commet_field">
                        <label>{{ __('header.login_form_email') }}</label>
                        <input placeholder="email address" name="email" type="email" value="{{old('email')}}" data-default="Email*" size="30" required>
                        @error('email')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    <div class="city_commet_field">
                        <label>{{ __('header.login_form_password') }}</label>
                        <input placeholder="password" name="password" type="password" value="{{old('password')}}" data-default="Password*" size="30" required>
                        @error('password')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    <div class="city_checked">
                        <div class="checkbox_radio">
                            <input id="forget" type="checkbox" />
                            <label for="forget">{{ __('header.login_remember') }}</label>
                        </div>
                        @if (Route::has('password.request'))
                            <a class="city_forget" href="{{ route('password.reset') }}">{{ __('header.login_forgot_pass') }}</a>
                        @endif
                    </div>
                    <button class="theam_btn" type="submit" >login</button>
                </form>	
                <span class="city_or">or</span>
            </div>
            <div class="city_login register">
                <h4>create new account</h4>
                <p>welcome back ; create an account</p>
                <form method="post" id="commentform" class="city_comment_form_login" action="{{route('register.submit')}}">
                    @csrf
                    <div class="city_commet_field">
                        <label>email address</label>
                        <input placeholder=" email address" name="email" type="email" value="" data-default="Email address*" size="30" required>
                        @error('email')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    <button class="theam_btn" type="submit">register</button>
                </form>
                <div class="city_register_list">
                    <h6>sign up today and you will be able to:</h6>
                    <ul class="city_checkout_list">
                        <li><a href="#">speed your way through thr checkout</a></li>
                        <li><a href="#">speed your way through thr checkout</a></li>
                        <li><a href="#">speed your way through thr checkout</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--D HELP LOGIN WRAP END-->

@endsection