@extends('layouts.auth-app', ['class' => 'main-content-has-bg'])
@section('custom-css')
<style>
    .new-logo .navbar-brand-img {
        height: auto;
        max-height: 200px;
        max-width: 100%;
        min-height: 60px;
        -o-object-fit: contain;
        object-fit: contain;
    }
</style>
@endsection
@section('content')
<div class="container lw-guest-page-container-block pb-2">
    <div class="row justify-content-center">
        <div class="col-lg-5 col-md-8">
            <div class="card lw-form-card-box shadow border-0">
                <h3 class="card-header text-center">
                    <div class="new-logo">
                        @if (isVendorShop())
                            <img src="{{ getVendorSettings('logo_image_url') }}" class="navbar-brand-img"
                                alt="{{ getVendorSettings('name') }}" >
                        @else
                            <img src="{{ getAppSettings('logo_image_url') }}" class="navbar-brand-img"
                                alt="{{ getAppSettings('name') }}">
                        @endif
                    </div>
                    <div class="my-2">
                        <i class="fa fa-lock text-gray"></i>  {{  __tr('Sign in to AllDepartments Portal') }}
                    </div>
                </h3>
                <div class="card-body px-lg-5 py-lg-5" style="background: #ffffff; border-radius: 0 0 0.5rem 0.5rem;">
                    <x-lw.form id="lwLoginForm" data-secured="true" :action="route('auth.login.process')">
                        <div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }} mb-3">
                            <div class="input-group input-group-alternative">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-user-alt"></i></span>
                                </div>
                                <input id="lwLoginEmail" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __tr('Email or Username or Mobile Number') }}" type="text" name="email" value="" required autofocus autocomplete="email">
                            </div>
                            <h5><span class="text-light">{{__tr("Mobile number should be with country code without 0 or +")}}</span></h5>
                        
                        </div>
                        <div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
                            <div class="input-group input-group-alternative">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-lock"></i></span>
                                </div>
                                <input id="lwLoginPassword" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{ __tr('Password') }}" type="password" value="" required autocomplete="current-password">
                            </div>
                        </div>
                        <div class="custom-control custom-control-alternative custom-checkbox">
                            <input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="customCheckLogin">
                                <span class="text-light">{{ __tr('Remember me') }}</span>
                            </label>
                            @if (Route::has('auth.password.request'))
                            <a href="{{ route('auth.password.request') }}" class="text-light float-right">
                                <small>{{ __tr('Forgot password?') }}</small>
                            </a>
                            @endif
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary my-4 btn-block mb-5">{{ __tr('Sign in') }}</button>
                        </div>
                    </x-lw.form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection