@extends('website.layouts.master')

@section('site_title')اتصل بنا -@endsection
@section('content')
		<section class="page-title">
			<div class="container">
				<div class="row">
					<div class="col-2 col-md-1">
						<div class="title-icon">
							<i class="fas fa-tools"></i>
						</div>
					</div>
					<div class="col-10 col-md-11">
						<div class="page-text">
							<h5 class="mt-0">اتصل بنا</h5>
						</div>
					</div>
				</div>
			</div>
		</section>
		@auth
		@include('website.includes.user_menu')
		@endauth
		<section class="contact-manager-title title-margin ">
			<div class="container-fluid">
				<div class="companies-title">
					<h4>أترك رسالة و سيتم التواصل معك فور الأستلام</h4>
				</div>
			</div>
		</section>

		<section class="contact-manager-form">
			<div class="container">
				<form action="{{ route('website.supports.store') }}" method="POST">
					@csrf
					<div class="row">
						<div class="col-md-6 col-lg-4">
							<div class="form-group">
								<label for="name">الإسم</label>
								<input type="text" class="form-control" id="name" name="name" value="{{ old('name')?: Auth::guard('web')->check()? Auth::guard('web')->user()['name'] : '' }}" placeholder="الإسم" autocomplete="off">
								@if ($errors->has('name'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('name') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="form-group">
								<label for="phone">الهاتف</label>
								<input type="number" class="form-control" id="phone" name="phone" value="{{ old('phone')?: Auth::guard('web')->check()? 0 . Auth::guard('web')->user()['phone'] : '' }}" placeholder="الهاتف" autocomplete="off">
								@if ($errors->has('phone'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('phone') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="form-group">
								<label for="title">عنوان الرسالة</label>
								<input type="text" class="form-control" id="title" name="title" value="{{ old('title') }}" placeholder="عنوان الرسالة" autocomplete="off">
								@if ($errors->has('title'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('title') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-12">
							<div class="form-group">
								<label for="message">نص الرسالة</label>
								<textarea class="form-control" id="message" name="message" rows="6" placeholder="ادخل نص الرسالة هنا">{{ old('message') }}</textarea>
								@if ($errors->has('message'))
								<span class="invalid-feedback" role="alert">
									<strong>
										{{ $errors->first('message') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
						<div class="col-md-5">
							<button type="submit" class="btn btn-primary ">
								<i class="fas fa-paper-plane"></i>
								إرسال
							</button>
						</div>
						<div class="col-md-2">
							<div class="text-center">أو</div>
						</div>
						<div class="col-md-5">
							<a class="btn whatsapp" href="https://api.whatsapp.com/send?phone=966552448484" target="_blank">
								<i class="fab fa-whatsapp"></i>
								راسلنا عبر واتس أب
							</a>
						</div>
					</div>
				</form>
			</div>
		</section>
@endsection

@push('page_level_style')
	<style type="text/css">
		#phone {
			direction: ltr;
		}
	</style>
@endpush