@extends('admin.dashboard')
@section('admin')


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<div class="page-content"> 
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">اعدادات الموقع</div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
						
						</nav>
					</div>
					<div class="ms-auto">

					</div>
				</div>
				<!--end breadcrumb-->
				<div class="container">
					<div class="main-body">
						<div class="row">

<div class="col-lg-8">
	<div class="card">
		<div class="card-body">

		<form method="post" action="{{ route('site.setting.update') }}" enctype="multipart/form-data" >
			@csrf

		<input type="hidden" name="id" value="{{ $setting->id }}">

			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">هاتف الدعم</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" class="form-control" name="support_phone" value="{{ $setting->support_phone }}" />
				</div>
			</div>
			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">رقم الهاتف</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="phone_one" class="form-control" value="{{ $setting->phone_one }}" />
				</div>
			</div>
			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">البريد الإلكتروني</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="email" name="email" class="form-control" value="{{ $setting->email }}" />
				</div>
			</div>
			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">عنوان الشركة</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="company_address" class="form-control" value="{{ $setting->company_address }}" />
				</div>
			</div>


			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">رابط الفيس بوك</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="facebook" class="form-control" value="{{ $setting->facebook }}" />
				</div>
			</div>


<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">تويتر X</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="twitter" class="form-control" value="{{ $setting->twitter }}" />
				</div>
			</div>



<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">يوتيوب</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="youtube" class="form-control" value="{{ $setting->youtube }}" />
				</div>
			</div>


			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">تفعيل التحقق من رقم الهاتف</h6>
				</div>
				<div class="col-sm-9 text-secondary" >
					<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked"  name="verification"
					
					{{
						$setting->verification == "true" ? 'checked' : ''
					}}
					
					>
				</div>
			</div>

			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">حقوق الملكية</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="text" name="copyright" class="form-control" value="{{ $setting->copyright }}" />
				</div>
			</div>



			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0">الشعار</h6>
				</div>
				<div class="col-sm-9 text-secondary">
					<input type="file" name="logo" class="form-control"  id="image"   />
				</div>
			</div>



			<div class="row mb-3">
				<div class="col-sm-3">
					<h6 class="mb-0"> </h6>
				</div>
				<div class="col-sm-9 text-secondary">
					 <img id="showImage" src="{{ asset($setting->logo)   }}" alt="Admin" style="width:100px; height: 100px;"  >
				</div>
			</div>





			<div class="row">
				<div class="col-sm-3"></div>
				<div class="col-sm-9 text-secondary">
					<input type="submit" class="btn btn-primary px-4" value="حفظ" />
				</div>
			</div>
		</div>

		</form>



	</div>




							</div>
						</div>
					</div>
				</div>
			</div>



<script type="text/javascript">
	$(document).ready(function(){
		$('#image').change(function(e){
			var reader = new FileReader();
			reader.onload = function(e){
				$('#showImage').attr('src',e.target.result);
			}
			reader.readAsDataURL(e.target.files['0']);
		});
	});
</script>


@endsection