@extends('adminlte::page')

@section('title', 'Things To Do Page')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Edit {{$page->name}} page of ({{$country->name}})</h1>
@stop
@php 
    $index_count1=1;
@endphp

@section('content')
    <div class="card shadow rounded-lg mb-3 px-5 py-2">
        <div class="row mt-3">
            <div class="col-md-6 float-left ">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-white">
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.travel-guide.country') }}">Countries</a></li>
                        <li class="breadcrumb-item active text-bold" aria-current="page">{{$page->name}}</li>
                    </ol>
                </nav>
            </div>
			<div class="col-md-6">
				<a href="{{route('admin.travel-guide.cluster.index', ['country_id'=>$id, 'page_type'=>$page_type])}}" class="btn btn-info" style="float:right;">Add Cards</a>
			</div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li> 
                    @endforeach
                </ul>
            </div>
        @endif

        <form id="file-upload" method="POST" action="{{ route('admin.travel-guide.overview.update', ['page_type'=>$page_type,'country_id'=>$id]) }}" enctype="multipart/form-data">
            {{ csrf_field() }}
			<div class="row">
				<div class="col-md-12">
					<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">Introduction</h3>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[introduction][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.introduction.title', @$sections['introduction']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[introduction][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('introduction.tagline', @$sections['introduction']['tagline'])  }}">
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">Introduction2</h3>
							{{--<div class="card-tools">
							  <span class="btn btn-success btn-sm"><a href="{{route('admin.travel-guide.points-section.edit', ['page_type'=>$page_type,'country_id'=>$id,'type'=>'introduction2'])}}">Points</a></span>
							</div>--}}
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[introduction2][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.introduction2.title', @$sections['introduction2']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[introduction2][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.introduction2.tagline', @$sections['introduction2']['tagline'])  }}">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">Discover By Interest</h3>
							<div class="card-tools">
							  <span class="btn btn-success btn-sm"><a href="{{route('admin.travel-guide.points-section.edit', ['page_type'=>$page_type,'country_id'=>$id,'type'=>'about'])}}">Points</a></span>
							</div>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[about][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.about.title', @$sections['about']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[about][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.about.tagline', @$sections['about']['tagline'])  }}">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">Top 20 Places</h3>
							<div class="card-tools">
							  <span class="btn btn-success btn-sm"><a href="{{route('admin.travel-guide.points-section.edit', ['page_type'=>$page_type,'country_id'=>$id,'type'=>'top20places'])}}">Points</a></span>
							</div>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[top20places][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.top20places.title', @$sections['top20places']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[top20places][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.top20places.tagline', @$sections['top20places']['tagline'])  }}">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">Important Links</h3>
							<div class="card-tools">
							  <span class="btn btn-success btn-sm"><a href="{{route('admin.travel-guide.points-section.edit', ['page_type'=>$page_type,'country_id'=>$id,'type'=>'importantlinks'])}}">Points</a></span>
							</div>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[importantlinks][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.importantlinks.title', @$sections['importantlinks']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[importantlinks][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.importantlinks.tagline', @$sections['importantlinks']['tagline'])  }}">
									</div>
								</div>
							</div>
						</div>
					</div>
					{{--<div class="card card-secondary">
						<div class="card-header">
							<h3 class="card-title">What Sets Visament</h3>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="title">Title <span class="text-danger"> *</span></label>
										<input type="text" name="section[whatsets][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.whatsets.title', @$sections['whatsets']['title']) }}" required>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tagline">Tagline</label>
										<input type="text" name="section[whatsets][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.whatsets.tagline', @$sections['whatsets']['tagline'])  }}">
									</div>
								</div>
								<div class="col-md-12">
									<label class="form-group">Description</label>
									<textarea class="form-control tinymce-editor" name="section[whatsets][description]" placeholder="Write Here..." rows="7" cols="100" id="content" >{{ old('section.whatsets.description', @$sections['whatsets']['description']) }}</textarea>
								</div>
							</div>
						</div>
					</div>--}}
				</div>
			</div>
			<div class="card card-secondary">
				<div class="card-header">
					<h3 class="card-title">Faqs</h3>
					<div class="card-tools">
					  <span class="btn btn-success btn-sm"><a href="{{route('admin.travel-guide.faq.index', ['country_id'=>$id, 'page_type'=>$page_type])}}">Faqs</a></span>
					</div>
				</div>
				<div class="card-body">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="title">Title <span class="text-danger"> *</span></label>
								<input type="text" name="section[faqs][title]" class="form-control" id="title"  placeholder="Name..." value="{{ old('section.faqs.title', @$sections['faqs']['title']) }}" required>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="tagline">Tagline</label>
								<input type="text" name="section[faqs][tagline]" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('section.faqs.tagline', @$sections['faqs']['tagline'])  }}">
							</div>
						</div>
					</div>
				</div>
			</div>

            <div class="row justify-content-between my-3">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="submit">&nbsp;&nbsp;</label>
                        <input class="btn btn-block btn-success btn-lg" type="submit" value="Submit">
                    </div>
                </div>
            </div>
        </form>
    </div>
      
    <!-- </div> -->
@stop

@section('css')
    <style>
        .input-group .custom-file {
            overflow: hidden; 
        }
    </style>
@stop

@section('js')
    <script src="https://cdn.tiny.cloud/1/3qf9xg4v18lj5lod7796irb1f87026w00nmw7o5knt3ketr2/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script>
        
$(document).ready(function () {
    /**************Tinymce**********/
			tinymce.init({
				selector: 'textarea#content',
				height: 800,
				setup: function (editor) {
					editor.on('init change', function () {
						editor.save();
					});
				},
				browser_spellcheck: true,
				plugins: [
					'advlist', 'accordion', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
					'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code','advcode', 'fullscreen', 'insertdatetime',
					'media', 'table', 'advtable', 'emoticons', 'help', 'quickbars', 'directionality', 'codesample' , 'imagetools','editimage','autosave','nonbreaking','lists','checklist','casechange','permanentpen','tableofcontents'
				],
				toolbar: [
					'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | ' +
					'rotateleft rotateright | bullist numlist outdent indent | link image | ' +
					'print preview media fullscreen | forecolor backcolor emoticons | help | ' +
					'ltr rtl | quickimage quicktable quicklink | code codesample restoredraft |' + 'checklist |'  + 'casechange |'  + 'permanentpen |' + 'tableofcontents |'
				],
				image_caption: true,
                autosave_interval: '0s',
                autosave_restore_when_empty: false,
				menu: {
					favs: { title: 'My Favorites', items: 'code visualaid | searchreplace | emoticons' }
				},
				
				menubar: 'favs file edit view insert format tools table help',
				image_title: true,
				automatic_uploads: true,
				file_picker_types: 'image',
				convert_urls:true,
				relative_urls:false,
				remove_script_host:false,
			 
				images_upload_url: '{{ route('ckeditor.upload', ['_token' => csrf_token() ]) }}',
				file_picker_callback: (cb, value, meta) => {
					const input = document.createElement('input');
					input.setAttribute('type', 'file');
					input.setAttribute('accept', 'image/*');

					input.addEventListener('change', (e) => {
						const file = e.target.files[0];
						const reader = new FileReader();
						reader.addEventListener('load', () => {
							const id = 'blobid' + (new Date()).getTime();
							const blobCache = tinymce.activeEditor.editorUpload.blobCache;
							const base64 = reader.result.split(',')[1];
							const blobInfo = blobCache.create(id, file, base64);
							blobCache.add(blobInfo);
							cb(blobInfo.blobUri(), { title: file.name });
						});
						reader.readAsDataURL(file);
					});

					input.click();
				},
				
				extended_valid_elements: 'script[src|async|defer|type|charset]',
				valid_children: '+body[script]',
				// Optional: Adding schema to ensure these elements are supported
				schema: 'html5'
			});
			/**************Tinymce**********/
        });
    </script>   
@stop