@php
	use Illuminate\Support\Arr;
	use App\Models\Admin\Settings;
	use App\Models\Admin\PageCustomField;

@endphp

@extends('layouts.adminlayout')
@section('content')
<div class="header bg-primary pb-6">
	<div class="container-fluid">
		<div class="header-body">
			<div class="row align-items-center py-4">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Manage Pages</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
					{{-- <a href="{{ route('admin.pages') }}" class="btn btn-neutral"><i class="ni ni-bold-left"></i> Back</a> --}}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
	<div class="row">
		<div class="col-xl-12 order-xl-1">
			<div class="card">
				<!--!! FLAST MESSAGES !!-->
				@include('admin.partials.flash_messages')
				<div class="card-header">
					<div class="row align-items-center">
						<div class="col-8">
							<h3 class="mb-0">Media Room Content</h3>
						</div>
					</div>
				</div>
				<div class="card-body">
					<form method="post" action="{{ route('admin.content.contactUsContent') }}" class="form-validation">
						{{ @csrf_field() }}
						<h6 class="heading-small text-muted mb-4">Media Room Content information</h6>
						<div class="row">
							<div class="col-lg-12">
								<div class="form-group">
									<label class="form-control-label" for="input-first-name">Title</label>
									<input type="text" class="form-control" maxlength="15" name="title" required placeholder="Title" value="{{ $page->title }}">
									<small>Maximum Character : 15</small>
									@error('title')
									    <small class="text-danger">{{ $message }}</small>
									@enderror
								</div>
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label class="form-control-label">Sub Title</label>
									<input class="form-control" placeholder="Sub Title" maxlength="20" value="{{ PageCustomField::get('contact_us_sub_title',$page->id)}}" name="name[contact_us_sub_title]">
									<small>Maximum Character : 20</small>
									@error('name.contact_us_sub_title')
									    <small class="text-danger">{{ $message }}</small>
									@enderror
								</div>
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label class="form-control-label">Description</label>
									<textarea rows="2" class="form-control" placeholder="Description" maxlength="200" name="name[contact_description]">{{ PageCustomfield::get('contact_description', $page->id) }}</textarea>
									<small>Maximum Character : 200</small>
									@error('name.contact_description')
									    <small class="text-danger">{{ $message }}</small>
									@enderror
								</div>
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label class="form-control-label">Contact Us Form Title</label>
									<input class="form-control" placeholder="Contact Us Form Title" maxlength="15" value="{{ PageCustomField::get('contact_us_form_title',$page->id)}}" name="name[contact_us_form_title]">
									<small>Maximum Character : 15</small>
									@error('name.contact_us_form_title')
									    <small class="text-danger">{{ $message }}</small>
									@enderror
								</div>
							</div>
							<div class="col-lg-6">
								<div class="form-group">
									<!-- FILE OR IMAGE UPLOAD. FOLDER PATH SET HERE in data-path AND CHANGE THE data-multiple TO TRUE SEE MAGIC. DO NOT REMOVE THE NESTED CALSSES -->
									<div 
										class="upload-image-section"
										data-type="image"
										data-multiple="false"
										data-path="pages"
										data-resize-large="1540*311"
										data-resize-medium="1440*211"
										data-resize-small="1340*111"
									>
										<div class="upload-section @if($page->image != '') {{ 'd-none' }} @endif">
											<div class="button-ref mb-3">
												<button class="btn btn-icon btn-primary btn-lg" type="button">
									                <span class="btn-inner--icon"><i class="fas fa-upload"></i></span>
									                <span class="btn-inner--text">Upload Image</span>
								              	</button>
								              	@include('admin.partials.recommended_size', ['width' => '1440', 'height' => "211 px"])
								            </div>
								            <!-- PROGRESS BAR -->
											<div class="progress d-none">
							                  <div class="progress-bar bg-default" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
							                </div>
							            </div>
						                <!-- INPUT WITH FILE URL -->
						                <textarea class="d-none" name="image"></textarea>
						                <div class="show-section {{ !old('image') ? 'd-none' : "" }}">
						                	@include('admin.partials.previewFileRender', ['file' => old('image') ])
						                </div>
						                <div class="fixed-edit-section">
						                	@include('admin.partials.previewFileRender', ['file' => $page->image, 'relationType' => 'pages.image', 'relationId' => $page->id ])
						                </div>
									</div>
								</div>
							</div>
						</div>
						<hr class="my-4" />
							<!-- Address -->
							<h6 class="heading-small text-muted mb-4">SEO Meta Information</h6>
							<div class="row">
								<div class="col-lg-12">
									<div class="form-group">
										<label class="form-control-label" for="input-first-name">Meta Title</label>
										<input type="text" class="form-control" name="meta_title" placeholder="Meta Title" value="{{ old('meta_title', isset($page->meta_title) && $page->meta_title ? $page->meta_title : '') }}">
										@error('meta_title')
										    <small class="text-danger">{{ $message }}</small>
										@enderror
									</div>
								</div>
								<div class="col-lg-12">
									<div class="form-group">
										<label class="form-control-label">Meta Description</label>
										<textarea rows="2" class="form-control" placeholder="Your description" name="meta_description">{{ old('meta_description', isset($page->meta_description) && $page->meta_description ? $page->meta_description : '') }}</textarea>
										@error('meta_description')
										    <small class="text-danger">{{ $message }}</small>
										@enderror
									</div>
								</div>
								<div class="col-lg-12">
									<div class="form-group">
										<label class="form-control-label" for="input-first-name">Meta Keywords</label>
										<input type="text" class="form-control" name="meta_keywords" placeholder="Meta Keywords" value="{{ old('meta_keywords', isset($page->meta_keywords) && $page->meta_keywords ? $page->meta_keywords : '') }}">
										@error('meta_keywords')
										    <small class="text-danger">{{ $message }}</small>
										@enderror
									</div>
								</div>
							</div>
						<hr class="my-4" />
						<button href="#" class="btn btn-sm py-2 px-3 btn-primary float-right">
							<i class="fa fa-save"></i> Submit
						</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection