@extends('admin.auth.auth_template')
@section('content')

<style>
    .card{
        background: transparent !important;
        box-shadow:none !important;
    }
    .signtx{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px!important;
        color: #fff;
    }
	.form-control-lg {    
    border-radius: 15px !important;
}
</style>

<div class="login-box col-lg-5 col-xl-4">
	<div style="margin: 20px 30px;" class="card ">
		<div class="card-header bor0 ">
			<a href="{{url('/')}}" class="logo"><img src="{{ asset('/images/logo.png') }}" alt="Logo" /></a>
		</div>
		<div class="card-body">
			<!-- <p class="login-box-msg">Sign in</p> -->

			<h2 class="signtx">Sign In</h2>
			
			<form action="{{ url('/admin/login') }}" method="post">
				{{ csrf_field() }}
				<div class="form-group mb-3">
				
					<label style="color:#ffffff;" for="email">Enter your email address or username</label>
					<input type="email" class="form-control form-control-lg  @error('email') is-invalid @enderror" name="email" placeholder="Email">
					<!-- <div class="input-group-append">
						<div class="input-group-text">
							<span class="fas fa-envelope"></span>
						</div>
					</div> -->
					@error('email')
						<span class="invalid-feedback" role="alert">
							<small>{{ $message }}</small>
						</span>
					@enderror
				</div>
				<div class="form-group mb-3">
				<label style="color:#ffffff;" for="email">Enter your Password</label>
					<input type="password" class="form-control form-control-lg  @error('password') is-invalid @enderror" name="password" placeholder="Password">
					<!-- <div class="input-group-append">
						<div class="input-group-text">
							<span class="fas fa-lock"></span>
						</div>
					</div> -->
					@error('password')
						<span class="invalid-feedback" role="alert">
							<small>{{ $message }}</small>
						</span>
					@enderror
				</div>
				<div class="text-center padup20">
					<button style="    border-radius: 12px;" type="submit" class="btn btn-primary w-100 mt-4">Sign In</button>
				</div>
				<!-- <div class="row">
					<div class="col-8">
						<div class="icheck-primary">
							<input type="checkbox" id="remember">
							<label for="remember">
								Remember Me
							</label>
						</div>
					</div>
					<div class="col-4">
						<button type="submit" class="btn btn-primary btn-block">Sign In</button>
					</div>
				</div> -->
			</form>
		</div>
	</div>
</div>

<div class="d-none d-sm-block col-lg-7 col-xl-8 p-0 bg-img-login bg-dark h-100" style="background-image: url(/images/bg-sign-up.png); background-position: center right; border-radius: 50px; background-size: contain;background-repeat:no-repeat;">
<div class="">
		<div class="titel p-4 p-md-5">
			<div class="ms-lg-5 mt-4">
				<h1 class="whiteclr">Get Started.</h1>
				<p class="whiteclr">Create an account to experience our<br>powerful CRM tool.</p>
			</div>
		  </div>
		</div>
</div>

@endsection