@extends('layouts.central.app')

@section('page_hero')
<!-- Hero Area Start -->
<div id="hero-area" class="hero-area-bg">
    <div class="container">      
        <div class="row">
            <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
                <div class="contents">
                <h2 class="head-title">Get 30 days free trial</h2>
                <p>Praesent imperdiet, tellus et euismod euismod, risus lorem euismod erat, at finibus neque odio quis metus. Donec vulputate arcu quam. </p>
                <div class="header-button">
                    <a rel="nofollow" href="{{ route('central.tenants.register') }}" class="btn btn-common">Register Now</a>
                </div>
                </div>
            </div>
            <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                <div class="intro-img">
                    <img class="img-fluid" src="{{ asset('assets/img/intro-mobile.png') }}" alt="">
                </div>            
            </div>
        </div> 
    </div> 
</div>
<!-- Hero Area End -->
@endsection

@section('page_content')

<!-- Services Section Start -->
<section id="services" class="section-padding">
    <div class="container">
        <div class="section-header text-center">
            <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Log in to your account</h2>
            <p class="mt-2 text-sm text-center text-gray-600 leading-5 max-w">
                Or
                <a href="{{ route('central.tenants.register') }}" class="font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:underline transition ease-in-out duration-150">
                    register a new account
                </a>
            </p>
            <div class="shape wow fadeInDown" data-wow-delay="0.3s"></div>
        </div>
        <div class="row contact-form-area wow fadeInUp" data-wow-delay="0.3s">
            <div class="col-md-12 col-sm-12">
                <form id="frmLoginTenant" action="{{ route('central.tenants.login.submit') }}" method="POST" novalidate="true">
                    @csrf
                    <section id="cta" class="section-padding">
                        <div class="container">
                            @if ($errors->any())
                                <div class="row hidden">
                                    <div class="col-lg-4 offset-lg-4">
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="row">
                                <div class="col-lg-4 offset-lg-4">
                                    <div class="form-group">
                                        <label for="email">Enter Your Email Address</label>
                                        <input id="email" type="email" class="form-control" name="email" value="{{ old('email', '') }}" autocomplete="off" require autofocus />
                                        @error('email')
                                            <div class="alert alert-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group mt-3">
                                        <button type="submit" class="btn btn-primary col-12" name="btnSubmit">Login Now</button>
                                    </div>
                                    <div class="form-group mt-3">
                                        <a href="{{ route('central.landing') }}" class="btn btn-warning col-12" name="btnSubmit">Back</a>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="row">
                                <div class="col-lg-12 text-center">
                                    <a href="/" class="btn btn-warning mr-2" title="Go Back">Cancel</a>
                                    
                                </div>
                            </div>-->
                        </div>
                    </section>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection