@extends('../layout/' . layout())

@section('subhead')
	<title>@translate(Write New Page)</title>
@endsection

@section('css')
	<link rel="stylesheet" href="{{ asset('assets/css/dropify.css') }}">
@endsection


@section('subcontent')
	<div class="flex items-center mt-8">
		<h2 class="intro-y text-lg font-medium mr-auto">@translate(Write New Page)</h2>
	</div>
	<!-- BEGIN: Wizard Layout -->
	<div class="intro-y box mt-5">

		<div class="px-5 sm:px-20 mt-10 pt-10 border-t border-gray-200 dark:border-dark-5">
			<!-- BEGIN: Form Layout -->
			<form action="{{ isset($page) ? route('page.update', $page->id) : route('page.store') }}" method="POST" enctype="multipart/form-data">
				@csrf
				@isset($page)
					@method('PUT')
				@endisset
				<div class="intro-y box p-5">
					<div>
						<label>@translate(Page Title) <small>required</small></label>
						<input type="text" class="input w-full border mt-2" name="title" value="{{ isset($page) ? $page->title : old('title') }}" placeholder="Page Title" data-parsley-required>
					</div>

					<div class="mt-3">
						<label>@translate(Description)</label>
						<div class="mt-2">
							<textarea class="editor" name="body">{{ isset($page) ? $page->body : old('body') }}</textarea>
						</div>
					</div>

					<div class="mt-3">
						<label>Active Status</label>
						<div class="mt-2">
							<input type="checkbox" value="1" class="input input--switch border" name="status" @isset($page) {{ $page->status ? 'checked' : '' }} @endisset>
						</div>
					</div>

					<div class="text-right mt-5">
						<button type="submit" class="button w-50 bg-theme-1 text-white">@translate(Submit)</button>
					</div>
				</div>
			</form>
			<!-- END: Form Layout -->
		</div>
	</div>
	<!-- END: Wizard Layout -->
@endsection

@section('script')
	<script src="{{ filePath('assets/js/jquery.js') }}"></script>
	<script src="{{ filePath('assets/js/parsley.js') }}"></script>
	<script src="{{ filePath('assets/js/validation.js') }}"></script>
	<script src="{{ filePath('assets/js/dropify.js') }}"></script>
	<script src="{{ filePath('assets/js/sweetalert2@10.js') }}"></script>
	<script src="{{ filePath('bladejs/dropify.js') }}"></script>



	<script>
		//    this is dynamic script, error message receiving from laravel query

		@if ($errors->any())
			Swal.fire(
				'',
				@foreach ($errors->all() as $error)
					"{{ $error }}",
				@endforeach
			)
		@endif
	</script>
@endsection