@extends('layouts.admin')
@section('content')
<style type="text/css">
	.settings-tab-opener{
		/*box-shadow: 0px 6px 12px #ebebeb;*/
    	border-radius:0px;
    	cursor: pointer;
    	width:80px;
    	height: 45px;
    	border-left:1px solid var(--border-color);
    	border-bottom:1px solid var(--border-color);
	}
	.settings-tab-opener.active{
		box-shadow: 0px 6px 12px #c8e0ff;
		color: #fff;
		background: #2196f3;
	}
	.taber:not(.active){
		display: none;
	}

</style>
<div class="col-12 p-3 row">
	 <div class="col-12 p-2 p-lg-4 main-box" style="min-height: 80vh;border-radius:10px">
	 	<div class="col-12 px-3 pb-3 pt-2">
	 		<h4 class="font-4">إعدادات الموقع</h4>
	 	</div>
	 	<div class="col-12 row" >
			<div class="d-flex justify-content-center align-items-center p-0 settings-tab-opener active" data-opentab="general-tab">
				<span  class="fal fa-wrench me-2"></span>	عام
			</div>
			<div class="d-flex justify-content-center align-items-center p-0 settings-tab-opener" data-opentab="links-tab">
				<span  class="fal fa-link me-2"></span>	روابط
			</div>
			<div class="d-flex justify-content-center align-items-center p-0 settings-tab-opener" data-opentab="pages-tab">
				<span  class="fal fa-pager me-2"></span>	نصوص
			</div>
			<div class="d-flex justify-content-center align-items-center p-0 settings-tab-opener" data-opentab="codes-tab">
				<span  class="fal fa-code me-2"></span>	أكواد
			</div>
            <div class="d-flex justify-content-center align-items-center p-0 settings-tab-opener" data-opentab="appearance-tab">
				<span  class="fal fa-paint-roller me-2"></span>	مظهر
			</div>
		</div>
	 	<form class="col-12 row " id="validate-form" method="POST" action="{{route('admin.settings.update')}}" enctype="multipart/form-data" >
	 	@csrf
	 	@method("PUT")
	 	<div class="col-12 col-lg-8 px-3 py-5">
	 		<div class="col-12 row p-0 taber active" id="general-tab">
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				اسم الموقع (باللغة العربية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="" name="settings[website_name_ar]" class="form-control" value="{{$settings['website_name_ar']}}" maxlength="190">
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				اسم الموقع  (باللغة الاجنبية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="" name="settings[website_name_en]" class="form-control" value="{{$settings['website_name_en']}}" maxlength="190">
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				 العنوان الرئيسي (باللغة العربية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<textarea name="settings[address_ar]" class="form-control">{{$settings['address_ar']}}</textarea>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				 العنوان الرئيسي (باللغة الاجنبية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<textarea name="settings[address_en]" class="form-control">{{$settings['address_en']}}</textarea>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				 رابط خريطة غوغل للعنوان الرئيسي
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
                         <input type="url" name="settings[address_link]" class="form-control" value="{{ $settings['address_link'] }}">
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         عن الموقع (باللغة العربية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<textarea name="settings[website_bio_ar]" class="form-control">{{$settings['website_bio_ar']}}</textarea>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				عن الموقع (باللغة الاجنبية)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<textarea name="settings[website_bio_en]" class="form-control">{{$settings['website_bio_en']}}</textarea>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				بريد التواصل (الرئيسي)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="email" name="settings[contact_email]" class="form-control" value="{{$settings['contact_email']}}">
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				لوجو الموقع (200*200)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="file" name="settings[website_logo]" class="form-control">
		 				<div class="col-12 p-2">
		 					<img src="{{$settings['get_website_logo']}}" style="width:100px;max-height: 100px;">
		 				</div>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				اللوجو عريض (500*200)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="file" name="settings[website_wide_logo]" class="form-control">
		 				<div class="col-12 p-2">
		 					<img src="{{$settings['get_website_wide_logo']}}" style="width:100px;max-height: 100px;">
		 				</div>
		 			</div>
		 		</div>
		 		<div class="col-12 px-0 d-flex mb-3 row pb-3">
		 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
		 				الصورة المصغرة (50*50)
		 			</div>
		 			<div class="col-12 col-lg-9 px-2">
		 				<input type="file" name="settings[website_icon]" class="form-control">
		 				<div class="col-12 p-2">
		 					<img src="{{$settings['get_website_icon']}}" style="width:100px;max-height: 100px;">
		 				</div>
		 			</div>
		 		</div>
	 		</div>

            <div class="col-12 row p-0 taber" id="links-tab">
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رقم جوال رئيسي
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="" name="settings[phone]" class="form-control" value="{{$settings['phone']}}" maxlength="190">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رقم جوال 2
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="" name="settings[phone2]" class="form-control" value="{{$settings['phone2']}}" maxlength="190">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        بريد التواصل 2
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="email" name="settings[contact_email2]" class="form-control" value="{{$settings['contact_email2']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         عنوان 2 (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[address2_ar]" class="form-control">{{$settings['address2_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         عنوان 2 (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[address2_en]" class="form-control">{{$settings['address2_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         رابط خريطة غوغل للعنوان 2
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[address2_link]" class="form-control" value="{{ $settings['address2_link'] }}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         عنوان 3 (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[address3_ar]" class="form-control">{{$settings['address3_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         عنوان 3 (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[address3_en]" class="form-control">{{$settings['address3_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                         رابط خريطة غوغل للعنوان 3
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[address3_link]" class="form-control" value="{{ $settings['address3_link'] }}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رقم واتس آب
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="" name="settings[whatsapp_phone]" class="form-control" value="{{$settings['whatsapp_phone']}}" >
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رابط واتس أب
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[whatsapp_link]" class="form-control" value="{{$settings['whatsapp_link']}}" >
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رابط فيس بوك
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[facebook_link]" class="form-control" value="{{$settings['facebook_link']}}" >
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رابط تويتر
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[twitter_link]" class="form-control" value="{{$settings['twitter_link']}}" >
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رابط انستجرام
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[instagram_link]" class="form-control" value="{{$settings['instagram_link']}}" >
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        سناب شات
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="url" name="settings[snapchat_link]" class="form-control" value="{{$settings['snapchat_link']}}" >
                    </div>
                </div>
            </div>

            <div class="col-12 row p-0 taber" id="pages-tab">
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 1 (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal_ar]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal_ar']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 1 (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal_en]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal_en']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 2 (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal2_ar]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal2_ar']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 2 (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal2_en]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal2_en']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 3 (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal3_ar]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal3_ar']}}">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        هدفنا 3 (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="text" name="settings[goal3_en]" class="form-control" style="min-height: 300px" max="200" value="{{$settings['goal3_en']}}">
                    </div>
                </div>

                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        من نحن (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[whoWeAre_ar]" class="form-control" style="min-height: 300px">{{$settings['whoWeAre_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        من نحن (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[whoWeAre_en]" class="form-control" style="min-height: 300px">{{$settings['whoWeAre_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رؤيتنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[vision_ar]" class="form-control" style="min-height: 300px">{{$settings['vision_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رؤيتنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[vision_en]" class="form-control" style="min-height: 300px">{{$settings['vision_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالتنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[message_ar]" class="form-control" style="min-height: 300px">{{$settings['message_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالتنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[message_en]" class="form-control" style="min-height: 300px">{{$settings['message_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        عملائنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[clients_ar]" class="form-control" style="min-height: 300px">{{$settings['clients_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        عملائنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[clients_en]" class="form-control" style="min-height: 300px">{{$settings['clients_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        فريقنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[team_ar]" class="form-control" style="min-height: 300px">{{$settings['team_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        فريقنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[team_en]" class="form-control" style="min-height: 300px">{{$settings['team_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالة خدماتنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[servicesMessage_ar]" class="form-control" style="min-height: 300px">{{$settings['servicesMessage_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالة خدماتنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[servicesMessage_en]" class="form-control" style="min-height: 300px">{{$settings['servicesMessage_en']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالة قيمنا (باللغة العربية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[valuesMessage_ar]" class="form-control" style="min-height: 300px">{{$settings['valuesMessage_ar']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        رسالة قيمنا (باللغة الاجنبية)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea  name="settings[valuesMessage_en]" class="form-control" style="min-height: 300px">{{$settings['valuesMessage_en']}}</textarea>
                    </div>
                </div>

            </div>

            <div class="col-12 row p-0 taber" id="codes-tab">
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        كود الهيدر
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[header_code]" class="form-control" style="min-height: 200px;text-align: left;direction: ltr;">{{$settings['header_code']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        كود الفوتر
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[footer_code]" class="form-control" style="min-height: 200px;text-align: left;direction: ltr;">{{$settings['footer_code']}}</textarea>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        ملف robots
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <textarea name="settings[robots_txt]" class="form-control" style="min-height: 200px;text-align: left;direction: ltr;">{{$settings['robots_txt']}}</textarea>
                    </div>
                </div>
            </div>

            <div class="col-12 row p-0 taber" id="appearance-tab">
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        غلاف الموقع (800*500)
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="file" name="settings[website_cover]" class="form-control" >
                        <div class="col-12 p-2">
                            <img src="{{$settings['get_website_cover']}}" style="width:100px;max-height: 100px;">
                        </div>
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        اللون الرئيسي
                    </div>

                    <div class="col-12 col-lg-9 px-2">
                        <input type="color" name="settings[main_color]"  value="{{$settings['main_color']}}" maxlength="190">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        اللون الفرعي
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <input type="color" name="settings[hover_color]"  value="{{$settings['hover_color']}}" maxlength="190">
                    </div>
                </div>
                <div class="col-12 px-0 d-flex mb-3 row pb-3">
                    <div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">
                        الوضع الليلي في لوحة التحكم
                    </div>
                    <div class="col-12 col-lg-9 px-2">
                        <div class="form-check form-switch">
                        <input type="hidden" name="settings[dashboard_dark_mode]" value="0" >
                         <input class="form-check-input" type="checkbox" id="DarkModeInput" name="settings[dashboard_dark_mode]" {{$settings['dashboard_dark_mode']==1?'checked':""}} value="1">
                       </div>
                    </div>
                </div>
            </div>
	    </div>

	 	<div class="col-12 col-lg-8 px-0 d-flex mb-3 row pb-3">

 		 	<div class="col-12 px-0 d-flex mb-3 row pb-3">
	 			<div class="col-12 col-lg-3 px-2 text-lg-end pt-1 pb-3 pb-lg-0">

	 			</div>
	 			<div class="col-12 col-lg-9 px-2">
	 				<button class="btn pb-2 px-4" style="background: #D2B065;border-radius: 0px;color: #fff ">حفظ التغييرات</button>
	 			</div>
	 		</div>

 		</div>

	  	</form>
	 </div>
</div>
@endsection