@extends('layouts.auth-login')

@section('content')
		<!-- *************
			************ Login container start *************
		************* -->
		<div class="login-container">

			<div class="container-fluid h-100">
			
			<!-- Row start -->
			<div class="row g-0 h-100">
				<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
					<div class="login-about">
						<div class="slogan">
							<span><strong>{{$app->app_name}}</strong></span>
							<span>POWERED BY ANDAS CONSULT</span>
						</div>
						<div class="about-desc">
							<p>
							Andas-Invoice 1.0.3 is a feature rich invoice application for the small business, medium sized & Large company. It is suitable for both service and trading oriented companies. It is not just an Invoice or Billing portal. It is in fact an <strong>Invoicing, Accounts Receivable (AR) and an Inventory Management, CRM, Delivery Management, Call Center, Order Management</strong>..etc program all rolled into one.
							</p>
						</div>
						<a href="#" class="know-more">Know More <img src="img/right-arrow.svg" alt=""></a>

					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
					<div class="login-wrapper">
                    <form method="POST" action="{{ route('login') }}">
                        @csrf
							<div class="login-screen">
								<div class="login-body">
									<a href="#">
										<img src="/img/logo.png" alt="logo" style="max-width:120px;">
									</a>
									<h6>Welcome back,<br>Please login to your account.</h6>
									<div class="field-wrapper">
										<input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                        @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
										<div class="field-placeholder">Email ID</div>
									</div>

									<div class="field-wrapper mb-3">
                                    <select class="select-single js-states" name="role" title="Select Term" data-live-search="true">
										<option value="Sales Person">PHARMACIST</option>
										<option value="Sales Person">MC ASSISTANT</option>
										<option value="Sales Person">DISPENSING TECHNICIAN</option>
										<option value="Sales Person">SUPPORTING STAFF</option>
										<option value="Cashier">CASHIER</option>
										<option value="Administrator">ADMINISTRATOR</option>
                                    </select>

                                        @error('role')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        <div class="field-placeholder">Role</div>
									</div>

									<div class="field-wrapper mb-3">
                                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
										<div class="field-placeholder">Password</div>
									</div>

                                    <div class="field-wrapper mb-3">
                                        <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                        <label class="form-check-label" for="remember">
                                            {{ __('Remember Me') }}
                                        </label>
                                        </div>
									</div>

									<div class="actions">
										<button type="submit" class="btn btn-primary">Login</button>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<!-- Row end -->

		
			</div>
		</div>
		<!-- *************
			************ Login container end *************
		************* -->

@endsection