@extends('website.layouts.master')

@section('site_title')تسجيل الدخول - @endsection
@section('content')
		<section class="page-title">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="title-icon">
							<i class="fas fa-sign-in-alt"></i>
						</div>
						<div class="page-text">
							<h5>تسجيل الدخول</h5>
							<p class="mb-0">
								<a href="{{ route('register') }}">ليس لديك حساب ؟ سجّل الآن</a>
							</p>
						</div>
					</div>
					<div class="col-6 pl-0">
						<div class="page-text">
							<a href="{{ route('website.users.forget_password') }}" class="back-to-store">
								نسيت كلمة المرور؟
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="sign-form">
			<div class="container">
				<form action="{{ route('login') }}" method="POST">
					@csrf
					<div class="row">
						<div class="col-md-6">
							<div class="form-group ">
								<label for="phone" class="d-block">رقم الجوال</label>
								<input class="form-control" type="number" name="phone" id="phone" value="{{ old('phone') }}" autocomplete="off" placeholder="مثال: 050123456">
								@if ($errors->has('phone'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('phone') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="password" class="d-block">كلمة المرور</label>
								<input class="form-control" type="password" name="password" placeholder="******">
								@if ($errors->has('password'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('password') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
					</div>
					<section class="set-location">
						<button type="submit" class="btn">تسجيل الدخول</button>
					</section>
				</form>
			</div>
		</section>
@endsection

@push('page_level_style')
	<style type="text/css">
		#phone , #email {
			direction: ltr;
		}
		input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
			-webkit-appearance: none;
			direction: ltr;
		}
	</style>
@endpush

@push('page_level_script')
@endpush