@extends('tenant.auth.layout.app')

@section('page_content')

    <div class="authincation h-100">
        <div class="container h-100">
            <div class="row justify-content-center h-100 align-items-center">
                <div class="col-md-6">
                    <div class="authincation-content">
                        <div class="row no-gutters">
                            <div class="col-xl-12">
                                <div class="auth-form">
                                    <h4 class="text-center mb-4">{{ __('Sign in your account') }}</h4>

                                    @if ($errors->any())
                                        <div class="row hidden">
                                            <div class="col-lg-12">
                                                <div class="alert alert-danger">
                                                    <ul>
                                                        @foreach ($errors->all() as $error)
                                                            <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    <form id="frmLoginTenant" action="{{ route('tenant.login') }}" method="POST">
                                        @csrf
                                        <div class="form-group">
                                            @if (isset($_REQUEST['email']))
                                                <div class="input-group mb-3">
                                                    <input type="hidden" name="email"
                                                        value="{{ old('email', request()->query('email')) }}" />
                                                    <input type="text"
                                                        value="{{ old('email', request()->query('email')) }}" disabled
                                                        class="form-control" />
                                                    <div class="input-group-append">
                                                        <a href="/" class="btn btn-primary btn-custom">
                                                            Change Email
                                                        </a>
                                                    </div>
                                                </div>
                                            @else
                                                <label><strong>Email</strong></label>
                                                <input type="email" class="form-control" name="email"
                                                    value="{{ old('email', request()->query('email')) }}"
                                                    placeholder="hello@example.com" autocomplete="off" require autofocus />
                                                @error('email')
                                                    <div class="alert alert-danger mt-2">{{ $message }}</div>
                                                @enderror
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <label><strong>Password</strong></label>
                                            <input type="password" class="form-control" name="password"
                                                placeholder="Enter Password" autocomplete="off" require autofocus />
                                            @error('password')
                                                <div class="alert alert-danger mt-2">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-row d-flex justify-content-between mt-4 mb-2">
                                            <div class="form-group">
                                                <div class="custom-control custom-checkbox ml-1">
                                                    <input id="remember_me" type="checkbox" name="remember"
                                                        class="custom-control-input" />
                                                    <label class="custom-control-label" for="remember_me">
                                                        {{ __('Remember me') }}
                                                    </label>
                                                </div>
                                            </div>
                                            @if (Route::has('tenant.password.request'))
                                                <div class="form-group">
                                                    <a href="{{ route('tenant.password.request') }}"
                                                        title="{{ __('Forgot your password?') }}">{{ __('Forgot your password?') }}</a>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="text-center">
                                            <button type="submit" class="btn btn-primary btn-block login-btn">Sign me
                                                in</button>
                                        </div>
                                        <div class="text-center mt-3 hidden">
                                            <a href="{{ route('tenant.microsoft.signin') }}"
                                                class="btn btn-info btn-block">Sign In With Microsoft</a>
                                        </div>
                                    </form>
                                    <div class="new-account mt-3">
                                        <p>Are you lost? <a class="text-primary" href="{{ env('APP_URL') }}">Go Back to
                                                Homepage</a></p>
                                    </div>
                                    @if (Route::has('tenant.register'))
                                        <div class="new-account mt-3 hidden">
                                            <p>Don't have an account? <a class="text-primary"
                                                    href="{{ route('tenant.register') }}">Sign up</a></p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_contents')

    <!-- 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">Login</h2>
                @if (Route::has('tenant.register'))
                    <p class="mt-2 text-sm text-center text-gray-600 leading-5 max-w">
                        Or
                        <a href="{{ route('tenant.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>
                @endif
                <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-6 offset-md-3">
                    <form id="frmLoginTenant" action="{{ route('tenant.login') }}" method="POST">
                        @csrf
                        <section id="cta" class="section-padding bg-white shadow">
                            <div class="container">
                                @if ($errors->any())
                                    <div class="row hidden">
                                        <div class="col-lg-12">
                                            <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-6 col-md-12">
                                        <div class="form-group">
                                            <label for="email">Email Address</label>
                                            <input id="email" type="email" class="form-control" name="email"
                                                value="{{ old('email', request()->query('email')) }}" autocomplete="off"
                                                require autofocus />
                                            @error('email')
                                                <div class="alert alert-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="form-group">
                                            <label for="password">Password</label>
                                            <input id="password" type="password" class="form-control" name="password"
                                                autocomplete="off" require autofocus />
                                            @error('password')
                                                <div class="alert alert-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label for="password">
                                            <input id="remember_me" type="checkbox" name="remember" />
                                            {{ __('Remember me') }}
                                        </label>
                                    </div>
                                    @if (Route::has('tenant.password.request'))
                                        <div class="col-sm-6">
                                            <a href="{{ route('tenant.password.request') }}"
                                                title="{{ __('Forgot your password?') }}">{{ __('Forgot your password?') }}</a>
                                        </div>
                                    @endif
                                </div>
                                <div class="row mt-3">
                                    <div class="col-lg-12 text-center">
                                        <button type="submit" class="btn btn-primary form-control"
                                            name="btnSubmit">Login Now</button>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection