@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('labels.frontend.auth.login_box_title'))

@section('content')

    <!--=============================================
    =            Login page content         =
    =============================================-->

    <main class="page-section pb--10 pt--50">
        <div class="container">
            <!--<header class="entry-header">
                <h1 class="entry-title">My Account</h1>
            </header>-->
            <div class="row">
                <div class="col-sm-12 col-md-12 col-xs-12 col-lg-8 offset-2 mb-30">
                    <!-- Login Form s-->
                    {{ html()->form('POST', route('frontend.auth.login.post'))->id('frm_login')->open() }}

                        <h4 class="login-title">Please Login to Continue</h4>
                        <div class="login-form">
                            <div class="row">

                                @if($errors->any())
                                    <div class="col-md-12 col-12">
                                        <div class="alert alert-danger" role="alert">
                                            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{$errors->first()}}
                                        </div>
                                    </div>
                                @endif

                                <div class="col-md-12 col-12 mb--20">
                                    {{ html()->label(__('validation.attributes.frontend.email'))->for('email') }}
                                    {{ html()->email('email')
                                        ->class('mb-0')
                                        ->placeholder(__('validation.attributes.frontend.email'))
                                        ->attribute('maxlength', 191)
                                        ->required() }}
                                </div>
                                <div class="col-12 mb--20">
                                    {{ html()->label(__('validation.attributes.frontend.password'))->for('password') }}

                                    {{ html()->password('password')
                                        ->class('mb-0')
                                        ->placeholder(__('validation.attributes.frontend.password'))
                                        ->required() }}
                                </div>



                                <div class="col-md-12">
                                    <div class="d-flex align-items-center flex-wrap">

                                        {{ form_submit(__('labels.frontend.auth.login_button'))->class('btn btn-black mr-3') }}

                                        <div class="d-inline-flex align-items-center">
                                            {{ html()->label(html()->checkbox('remember', true, 1) . ' ' . __('labels.frontend.auth.remember_me'))->for('remember') }}
                                        </div>
                                    </div>
                                    <p>
                                        <a href="{{ route('frontend.auth.password.reset') }}" class="pass-lost mt-3">@lang('labels.frontend.passwords.forgot_password')</a> &nbsp; | &nbsp;
                                        <a href="{{ route('frontend.auth.register') }}" class="pass-lost mt-3">Don't have an account? Sign-up here</a><br>
                                        {{-- social links start --}}
                                        {{-- <a href="{{ route('frontend.auth.social-login', 'facebook') }}" class="m-1 popup-window"><img src="vsi/image/login-facebook.jpg" alt="Login with Facebook"></a> --}}
                                        {{--<a href="{{ route('frontend.auth.social-login', 'twitter') }}" class="m-1 popup-window"><img src="vsi/image/login-twitter.jpg" alt="Login with Twitter"></a><br>--}}
                                        {{-- <a href="{{ route('frontend.auth.social-login', 'google') }}" class='m-1 popup-window'><img src="vsi/image/login-google.jpg" alt="Login with Google"></a> --}}
                                        {{-- <a href="{{ route('frontend.auth.social-login', 'linkedin') }}" class="m-1 popup-window"><img src="vsi/image/login-linkedin.jpg" alt="Login with LinkedIn"></a> --}}
                                        {{-- social links end --}}
                                    </p>

                                </div>

                            </div>
                        </div>

                    {{ html()->form()->close() }}
                </div>
            </div>
        </div>
    </main>

    <!--=====  End of Login page content  ======-->

@include('frontend.includes.pusher-provider-script')

@endsection