@extends('sales.auth.auth_template')
@section('content')
<!-- Sign In Start -->
<div class="container-fluid">
    <div class="row h-100 align-items-center" style="min-height: 100vh;">
		<div class="col-lg-5 col-xl-4 p-0">
			<div class="bg-black p-4 p-md-5 h-100">
				<a href="{{ url('/') }}" class="mb-5 d-block"> <img src="{{ asset('/img/logo.png') }}" alt=""> </a>
				<h2 class="display-3 mb-3">@lang('translate.sign_in')</h2>
				<form action="{{ url('sales/login') }}" method="post">
					@csrf
					<div class="mb-3">
						<label for="email" class="form-label">@lang('translate.enter_your_email_address') <span class="required-mark">*</span></label>
						<input type="text" name="email" class="form-control form-control-lg bg-dark @error('email') is-invalid @enderror" id="email" placeholder="@lang('translate.email')" value="{{ old('email') }}">
						@error('email')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
					<div class="mb-3">
						<label for="password" class="form-label">@lang('translate.enter_your_password') <span class="required-mark">*</span></label>
						<input type="password" name="password" class="form-control form-control-lg bg-dark @error('password') is-invalid @enderror" id="password-field" placeholder="@lang('translate.password')">
						<span toggle="#password-field" class="eye-icon toggle-password"><i class="fa fa-eye"></i></span>
						@error('password')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
					<button type="submit" class="btn btn-primary w-100 mt-4">@lang('translate.sign_in')</button>
				</form>
			</div>
		</div>
		<div class="col-lg-7 col-xl-8 p-0 bg-img-login bg-black h-100" style="background-image: url('/img/auth-admin-bg.jpg'); background-position: center center; background-size: cover;">
		</div>
	</div>
</div>
<!-- Sign In End -->
@endsection