@extends('admin.layouts.master')
@section('styles')
@parent
@stop
@section('content')
@section('bodyClass')
@parent
hold-transition skin-blue sidebar-mini
@stop

<div class="mg-b-20">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="page-header">
            <h2 class="pageheader-title">Create {{ucwords(str_replace('-',' ',$postType))}}</h2>
        </div>
    </div>
</div>
{{ Form::open(array('url' => array(apa('post/'.$postType.'/add')),'files'=>true,'id'=>'add-form')) }}
<input type="hidden" name="post[type]" value="{{$postType}}" />

<div class="col-sm-12">
    @include('admin.common.user_message')
</div>
<!-- ============================================================== -->
<!-- striped table -->
<!-- ============================================================== -->

<div class="card mg-b-20">
    <div class="card-body">
        <section class="basic_settings">
            <div class="row mg-b-20 ">

                <div class="col-sm-6 form-group">
                    <label for="post_title" class="col-form-label"> Title <em>*</em></label>
                    <input type="text" name="post[title]" id="post_title" class="form-control" placeholder=""
                        value="{{ old('post_title') ?? "" }}" required />
                </div>
                <div class="col-sm-6 form-group">
                    <label for="post_title_arabic" class="col-form-label"> Title [Arabic]<em>*</em></label>
                    <input type="text" name="post[title_arabic]" dir="rtl" id="post_title_arabic" class="form-control"
                        placeholder="" value="{{ old('post_title_arabic') ?? "" }}" required />
                </div>				
				<div class="col-sm-6 form-group">
					<label for="banner_sub_title" class="col-form-label">Sub Title</label>
					 <input type="text" id="banner_sub_title" name="meta[text][banner_sub_title]"
						class="form-control" value="{!! old('meta')['text']['banner_sub_title'] ?? "" !!}" />  
				</div>
				<div class="col-sm-6 form-group">
					<label for="banner_sub_title_arabic" class="col-form-label">Sub Title [Arabic]</label>
					 <input type="text" dir="rtl" id="banner_sub_title_arabic" name="meta[text][banner_sub_title_arabic]"
						class="form-control" value="{!! old('meta')['text']['banner_sub_title_arabic'] ?? "" !!}" />
				</div>
            </div>
			<div class="row mg-b-20 ">
                    @php
                    $uploaderArr = [
							[
								'label'=>'Upload Background Video',
								'control_name'=>'background_video',
								'type'=> 'video',
								'old_file_name'=> old('meta')['text']['background_video'] ?? "",
								'required'=>true,
								'mimes'=>['mp4'],
							],
                    ];
                    @endphp
                    @foreach($uploaderArr as $uploaderData)
                    <div class="col-sm-6 form-group">
                        @include('admin.common.file_upload.uploader',$uploaderData)
                    </div>
                    @endforeach                
                    @php
                    $uploaderArr = [
							[
								'label'=>'Upload Background Video Fallback Image',
								'control_name'=>'background_video_fallback_image',
								'type'=> 'image',
								'old_file_name'=> old('meta')['text']['background_video_fallback_image'] ?? "",
								'required'=>true,
								'mimes'=>['jpg', 'jpeg', 'png'],
							],
                    ];
                    @endphp
                    @foreach($uploaderArr as $uploaderData)
                    <div class="col-sm-6 form-group">
                        @include('admin.common.file_upload.uploader',$uploaderData)
                    </div>
                    @endforeach
                </div>
        </section>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="row ">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="post_status" class="col-form-label">Display Priority</label>
                    <input type="number" min="1" name="post[priority]" id="post_priority" class="form-control"
                        placeholder="" value="{{ old('post')['priority'] ?? ""  }}" required />
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="post_status" class="col-form-label">Status</label>
                    <select class="form-control" id="post_status" name="post[status]">
                        <option {{ ( old('post')['status'] ?? "" == 1 )? 'selected' : '' }} value="1">Publish</option>
                        <option {{ ( old('post')['status'] ?? "" == 2 )? 'selected' : '' }} value="2">Unpublish</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="button-control-wrapper">
                    <div class="form-group">
                        <input class="btn btn-primary" type="submit" name="btnsubmit" value="Save" />
                        <a href="{{ route('post_index',$postType) }}" class="btn btn-danger">Close</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{ Form::close() }}

@stop

@section('scripts')
@parent
<script src="{{  asset('assets/editor/full/ckeditor/ckeditor.js') }}" type="text/javascript"></script>
<script>
window.onload = function() {
    $("#videoGalleryUpload").hide();
}
</script>
<script>
$(document).ready(function() {
    PGSADMIN.utils.createEnglishArticleEditor();
    PGSADMIN.utils.createArabicArticleEditor();
    PGSADMIN.utils.createMediaUploader("{{ route('post_media_create',['slug'=>$postType]) }}",
        "#galleryWrapper", "{{ apa('post_media_download') }}/", "{{ asset('storage/post') }}/");
    PGSADMIN.utils.createAjaxFileUploader("{{ route('post_media_create',['slug'=>$postType]) }}",
        "{{ apa('post_media_download') }}/", "{{ asset('storage/post') }}/");



});

// Get a list of ckEditor
$(".ckeditorEn, .ckeditorAr").each(function(k, v) {
    if ($(this).prop('required')) {
        $(this).rules("add", {
            required: function(textarea) {
                console.log(textarea.id);
                ClassicEditor.instances[textarea.id].updateElement();
                // var editorcontent = textarea.value.replace(/<[^>]*>/gi, '');
                // return editorcontent.length === 0;
            }
        });
    }
});
</script>
@stop