@php

$number1 = rand();
$number2 = rand();
@endphp

@php
	$specificDomain = 'staging.powercozmo.com';
	$specificDomain_jordan = 'admin.jordanbaba.com';
	$specificDomain_goglo = 'admin.goglo.com';
	$currentDomain = request()->getHost();
	if ($currentDomain === $specificDomain) {
	$finalURL = 'https://dev.powercozmo.com';
	}elseif ($currentDomain === $specificDomain_jordan) {
	$finalURL = 'https://jordanbaba.com/';

	}elseif ($currentDomain === $specificDomain_goglo) {
	$finalURL = 'https://beta.goglo.com';
	}
	else {
	$finalURL = 'http://localhost:3000';
	}
@endphp
<form action ="{{route('custom-pages.store')}}" id="addFormData" enctype="multipart/form-data">
	<ul id="tabs" class="nav nav-tabs contactTableTabs1">
		<li class="nav-item"><a href="" data-target="#pageContent{{$number1}}" data-toggle="tab" class="nav-link active">Page Content</a></li>
		<li class="nav-item"><a href="" data-target="#seoFields{{$number2}}" data-toggle="tab" class="nav-link ">Seo Fields</a></li>
	</ul>
	<div id="tabsContent" class="tab-content">
		<div id="pageContent{{$number1}}" class="tab-pane fade active show">
			@csrf
			<div class="row mt-4">
				<div class="col-md-12">
					<label class="col-sm-2 col-from-label labelstyle" for="name">{{translate('Title')}} <span class="text-danger">*</span></label>
					<div class="col-sm-10">
						<input type="text" class="form-control" placeholder="Title" name="title" id="wp-page-id" required>
					</div>
				</div>
				<div class="col-md-12 mt-3">
					<label class="col-sm-2 col-from-label labelstyle" for="name">{{translate('Link')}} <span class="text-danger">*</span></label>
					<div class="col-sm-10">
						<div class="input-group">
							<div class="input-group-prepend"><span class="input-group-text">{{$finalURL}}/page/</span></div>
							<input type="text" class="form-control" placeholder="{{ translate('Slug') }}" name="slug" required>
						</div>
						<small class="form-text text-muted">{{ translate('Use character, number, hypen only') }}</small>
					</div>
				</div>

				{{-- <div class="form-group row">
					<label class="col-sm-2 col-from-label" for="name">{{translate('Add Content')}} <span class="text-danger">*</span></label>
					<div class="col-sm-10">
						<textarea
							class="aiz-text-editor form-control"
							data-buttons='[["font", ["bold", "underline", "italic", "clear"]],["para", ["ul", "ol", "paragraph"]],["style", ["style"]],["color", ["color"]],["table", ["table"]],["insert", ["link", "picture", "video"]],["view", ["fullscreen", "codeview", "undo", "redo"]]]'
							placeholder="Content.."
							data-min-height="300"
							name="content"
							required
						></textarea>
					</div>
				</div> --}}
			</div>
		</div>

		<div id="seoFields{{$number2}}" class="tab-pane fade ">
			<div class="row mt-4">
				<div class="col-md-12">
					<label class="col-from-label labelstyle" for="name">{{translate('Meta Title')}}</label>
					<input type="text" class="form-control" placeholder="Title" name="meta_title">
				</div>

				<div class="col-md-12 mt-3">
					<label class="col-from-label labelstyle" for="name">{{translate('Meta Description')}}</label>
					<textarea class="resize-off form-control" placeholder="Description" name="meta_description"></textarea>
				</div>

				<div class="col-md-12 mt-3">
					<label class="col-from-label labelstyle" for="name">{{translate('Keywords')}}</label>
					<input type="text" class="form-control aiz-tag-input" name="keywords" placeholder="" >
					<small class="text-muted">{{ translate('Separate with coma') }}</small>
				</div>

				<!-- <div class="col-md-12 mt-3">
					<label class="col-from-label" for="name">{{translate('Meta Image')}}</label>
					<div class="input-group " data-toggle="aizuploader" data-type="image">
						<div class="input-group-prepend">
							<div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse') }}</div>
						</div>
						<div class="form-control file-amount">{{ translate('Choose File') }}</div>
						<input type="hidden" name="meta_image" class="selected-files">
					</div>
					<div class="file-preview">
					</div>
				</div> -->
			</div>
		</div>
	</div>
</form>

<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$('#wp-page-id').focusout(function(){
			var page_info  = $(this).val()
			if(page_info != ''){
				$.ajax({
					headers: {
				            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				        },
					 data: {
					      page: page_info,
					    },
					    url: '{{ url("/admin/website/create-wp-pages") }}',
					    type: 'POST',
					    success: function(response) {
					      console.log(response)
					    }
				})
			}
		})
	})
	</script> -->