@extends('admin.layouts.master')

@section('page-title') ادارة وسائل التواصل @endsection
@section('header-title') ادارة وسائل التواصل @endsection
@push('main-contacts-active') m-menu__item--active @endpush

@section('content')
<div class="row">
	<div class="col-md-12">
		<!--begin::Portlet-->
		<div class="m-portlet m-portlet--tab">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<span class="m-portlet__head-icon">
							<i class="fa fa-phone"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> ادارة وسائل التواصل </span>
						</h3>
					</div>
				</div>
			</div>
			<div class="m-portlet__body">
				<div class="col-xl-10 offset-xl-1">
					<form action="{{ route('admin.contacts.store') }}" class="form-horizontal" method="POST" enctype="multipart/form-data">
					 @csrf
						@if ($errors->any())
						<div class="alert alert-danger alert-dismissible fade show" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close">
							</button>
							<strong>الرجاء تعديل الأخطاء</strong>
						</div>
						@endif
						@if (session('Done'))
						<div class="alert alert-success alert-dismissible fade show" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close">
							</button>
							<strong>{{ session('Done') }}</strong>
						</div>
						@endif

						<div class="form-group m-form__group row">
							<div class="col-10 ml-auto">
								<h3 class="m-form__section">1. التواصل المباشر</h3>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label for="cc_number" class="col-2 col-form-label">الرقم الموحد </label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-phone m--font-success"></i>
										</span>
									</div>
									<input type="text" id="cc_number" name="cc_number" 
									value="{{ $contacts->where('key', 'cc_number')->first()->value }}" 
									class="form-control m-input{{ $errors->has('cc_number') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('cc_number'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('cc_number') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="phone" class="col-2 col-form-label">الهاتف المحمول </label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-phone m--font-success"></i>
										</span>
									</div>
									<input type="text" id="phone" name="phone" 
									value="{{ $contacts->where('key', 'phone')->first()->value }}" 
									class="form-control m-input{{ $errors->has('phone') ? ' is-invalid' : '' }}" autocomplete="off" autofocus="on">
								</div>
							</div>
							@if ($errors->has('phone'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('phone') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="secondary_phone" class="col-2 col-form-label">الهاتف البديل </label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-phone m--font-success"></i>
										</span>
									</div>
									<input type="text" id="secondary_phone" name="secondary_phone" 
									value="{{ $contacts->where('key', 'secondary_phone')->first()->value }}" 
									class="form-control m-input{{ $errors->has('secondary_phone') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('secondary_phone'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('secondary_phone') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="email" class="col-2 col-form-label">البريد الالكتروني</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-at m--font-secondary"></i>
										</span>
									</div>
									<input type="text" id="email" name="email" value="{{ old('email')?: $contacts->where('key', 'email')->first()->value }}" class="form-control m-input{{ $errors->has('email') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('email'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('email') }}
								</strong>
							</span>
							@endif
						</div>


						<br><br>
						<div class="form-group m-form__group row">
							<div class="col-10 ml-auto">
								<h3 class="m-form__section">2. البيو (Bio)</h3>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label for="bio" class="col-2 col-form-label">نبذة عن التطبيق (بيو)</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-adn m--font-info"></i>
										</span>
									</div>
									<textarea id="bio" name="bio" class="form-control m-input{{ $errors->has('bio') ? ' is-invalid' : '' }}">{{ old('bio')?: $contacts->where('key', 'bio')->first()->value }}</textarea>
								</div>
							</div>
							@if ($errors->has('bio'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('bio') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="privacy_policy" class="col-2 col-form-label">سياسة الخصوصية للتطبيق</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-adn m--font-info"></i>
										</span>
									</div>
									<textarea id="privacy_policy" name="privacy_policy" class="form-control m-input{{ $errors->has('privacy_policy') ? ' is-invalid' : '' }}">{{ old('privacy_policy')?: $contacts->where('key', 'privacy_policy')->first()->value }}</textarea>
								</div>
							</div>
							@if ($errors->has('privacy_policy'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('privacy_policy') }}
								</strong>
							</span>
							@endif
						</div>


						<br><br>
						<div class="form-group m-form__group row">
							<div class="col-10 ml-auto">
								<h3 class="m-form__section">3. وسائل التواصل الاجتماعي</h3>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label for="website" class="col-2 col-form-label">الموقع الالكتروني</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-globe m--font-info"></i>
										</span>
									</div>
									<input type="text" id="website" name="website" value="{{ old('website')?: $contacts->where('key', 'website')->first()->value }}" class="form-control m-input{{ $errors->has('website') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('website'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('website') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="facebook" class="col-2 col-form-label">فيسبوك</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-facebook m--font-primary"></i>
										</span>
									</div>
									<input type="text" id="facebook" name="facebook" value="{{ old('facebook')?: $contacts->where('key', 'facebook')->first()->value }}" class="form-control m-input{{ $errors->has('facebook') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('facebook'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('facebook') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="youtube" class="col-2 col-form-label">يوتيوب</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-youtube m--font-danger"></i>
										</span>
									</div>
									<input type="text" id="youtube" name="youtube" value="{{ old('youtube')?: $contacts->where('key', 'youtube')->first()->value }}" class="form-control m-input{{ $errors->has('youtube') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('youtube'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('youtube') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="instagram" class="col-2 col-form-label">انستاغرام</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-instagram m--font-warning"></i>
										</span>
									</div>
									<input type="text" id="instagram" name="instagram" value="{{ old('instagram')?: $contacts->where('key', 'instagram')->first()->value }}" class="form-control m-input{{ $errors->has('instagram') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('instagram'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('instagram') }}
								</strong>
							</span>
							@endif
						</div>
						<div class="form-group m-form__group row">
							<label for="twitter" class="col-2 col-form-label">تويتر</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-twitter m--font-brand"></i>
										</span>
									</div>
									<input type="text" id="twitter" name="twitter" value="{{ old('twitter')?: $contacts->where('key', 'twitter')->first()->value }}" class="form-control m-input{{ $errors->has('twitter') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('twitter'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('twitter') }}
								</strong>
							</span>
							@endif
						</div>


						<br><br>
						<div class="form-group m-form__group row">
							<div class="col-10 ml-auto">
								<h3 class="m-form__section">4. العناوين</h3>
							</div>
						</div>
						<div class="form-group m-form__group row">
							<label for="addresses" class="col-2 col-form-label">عنوان الشركة</label>
							<div class="col-5">
								<div class="input-group m-input-group">
									<div class="input-group-prepend">
										<span class="input-group-text">
											<i class="la la-map-marker m--font-primary"></i>
										</span>
									</div>
									<input type="text" id="addresses" name="addresses" value="{{ old('addresses')?: $contacts->where('key', 'addresses')->first()->value }}" class="form-control m-input{{ $errors->has('addresses') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
							</div>
							@if ($errors->has('addresses'))
							<span class="m-validation_error">
								<strong>
									{{ $errors->first('addresses') }}
								</strong>
							</span>
							@endif
						</div>
						<br>
						<div class="m-portlet__foot m-portlet__foot--fit">
							<br>
							<div class="m-form__actions">
								<button type="submit" class="btn btn-warning">
									<span>
										تعديل
									</span>
								</button>
								<button type="reset" class="btn btn-secondary">
									<span>
										الغاء
									</span>
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@stop

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