@extends('website.layouts.master')

@section('site_title')حذف الحساب - @endsection
@section('content')
		<section class="page-title">
			<div class="container">
				<div class="title-icon">
					<i class="fas fa-tools"></i>
				</div>
				<div class="page-text">
					<h5 class="mt-0">
						حذف الحساب
					</h5>
					<p class="mb-0">
						حتى تتمكن من حذف حسابك, يرجى كتابة رقم الجوال ورمز التحقق المُرسل لرقمك
					</p>
				</div>
			</div>
		</section>
		<section class="sign-form">
			<div class="container">
				<form action="{{ route('users.verfiy_remove.store') }}" method="POST" onsubmit="return confirm('تأكيد العملية؟');">
					@csrf
					@php
						$current_phone = Auth::guard('web')->check()? ('0' . Auth::guard('web')->user()['phone']) : null;
					@endphp
					<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')?: $current_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="token" class="d-block">رمز التفعيل</label>
								<input type="text" name="token" id="token" value="{{ old('token') }}" autocomplete="off" placeholder="------" class="form-control">
								@if ($errors->has('token'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('token') }}
									</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 , #token {
			direction: ltr;
		}
	</style>
@endpush