@extends('frontend.layouts.app')

@section('title')
    MartechAI CMS Login
@endsection

@section('content')
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <div class="login100-pic js-tilt" data-tilt>
                    <img src="https://www.martechai.com/assets/img/logo-dark.png" alt="IMG" style="padding-top: 64px;">
                </div>

                {{ html()->form()->action(route('frontend.auth.login'))->class('form-horizontal')->open() }}

                <span class="login100-form-title">
                    <strong>Welcome to MartechAI CMS</strong>
                </span>
                @if (count($errors) > 0)
                    @foreach ($errors->all() as $error)
                        <h4 style="color: red;">{{ $error }}</h4>
                    @endforeach
                @endif
                @if (Session::has('message'))
                    <div class="alert alert-success" role="alert">
                        {{ Session::get('message') }}
                    </div>
                @endif
                <p class="text-center"> Login With Your Administrater Account</p>
                <div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
                    {{-- {{ Form::input('email', 'email', null, ['class' => 'input100', 'placeholder' => trans('validation.attributes.frontend.register-user.email'), 'required' => 'required']) }} --}}
                    {{-- {!! html()->text('email')->class('input100')->placeholder(trans('validation.attributes.frontend.register-user.email'))->required() !!} --}}
                    {!! html()->email('email')->class('input100')->placeholder(trans('validation.attributes.frontend.register-user.email'))->required() !!}

                    <span class="focus-input100"></span>
                    <span class="symbol-input100">
                        <i class="fa fa-envelope" aria-hidden="true"></i>
                    </span>
                </div>

                <div class="wrap-input100 validate-input" data-validate = "Password is required">
                    {{-- {{ Form::input('password', 'password', null, ['class' => 'input100', 'placeholder' => trans('validation.attributes.frontend.register-user.password'), 'required' => 'required']) }} --}}
                    {!! html()->password('password')->class('input100')->placeholder(trans('validation.attributes.frontend.register-user.password'))->required() !!}

                    <span class="focus-input100"></span>
                    <span class="symbol-input100">
                        <i class="fa fa-lock" aria-hidden="true"></i>
                    </span>
                </div>

                <div class="container-login100-form-btn">
                    <div class="col-md-8 foget">
                        <label style="display: block; font-size: 15px;">
                            {{-- {{ Form::checkbox('remember') }} {{ trans('labels.frontend.auth.remember_me') }} --}}
                            {!! html()->checkbox('remember') !!}
                            {!! html()->label(trans('labels.frontend.auth.remember_me'))->for('remember') !!}


                        </label>
                        {{-- {{ link_to_route('forget.password.link', trans('labels.frontend.passwords.forgot_password')) }} --}}
                        {!! Html::a()->href(route('forget.password.link'))->text(trans('labels.frontend.passwords.forgot_password')) !!}

                    </div>
                    <div class="col-md-4">
                        {{-- {{ Form::submit(trans('labels.frontend.auth.login_button'), ['class' => 'login100-form-btn', 'style' => 'margin-right:15px']) }} --}}
                        {!! Html::submit(trans('labels.frontend.auth.login_button'))->class('login100-form-btn')->style('margin-right:15px') !!}

                    </div>
                </div>
                <div class="text-center p-t-12">


                </div>


                {{ html()->form()->close() }}

            </div>
        </div>
    </div>
    <style>
        .foget a {
            color: #00bbec;
            text-decoration: underline;
        }
    </style>
@endsection