@extends('admin.layouts.master')
@section('styles')
    @parent
    {{ HTML::style('assets/admin/vendor/daterangepicker/daterangepicker.css') }}
    {{ HTML::style('assets/admin/vendor/tagit/css/jquery.tagit.css') }}
    {{ HTML::style('assets/admin/vendor/tagsinput/bootstrap-tagsinput.css') }}
@stop
@section('content')
@section('bodyClass')
    @parent
    hold-transition skin-blue sidebar-mini
@stop
<div class="container-fluid dashboard-content">
    <div class="row">
        <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(['url' => [apa('post/' . $postType . '/add')], 'files' => true, 'id' => 'add-form']) }}
    <input type="hidden" name="post[type]" value="{{ $postType }}" />
    <div class="row">
        <div class="col-sm-12">
            @include('admin.common.user_message')
        </div>
        <!-- ============================================================== -->
        <!-- striped table -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <div class="card-body">
                    <section class="basic_settings">
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="post_title" class="col-form-label">Title <em>*</em><small
                                        class="text-warning">(Please enter no more than 50 characters.)</small></label>
                                <input type="text" maxlength="50" name="post[title]" id="post_title"
                                    class="form-control" placeholder="" value="{{ old('post_title') ?? "" }}" required />
                            </div>
                                                   </div>

                        <hr />

                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="excerpt" class="col-form-label">Banner Text <small
                                        class="text-warning">(Please enter no more than 50 characters.)</small></label>
                                <textarea id="excerpt" maxlength="50" name="meta[text][excerpt]" class="form-control ckeditorEn"> {!! old('meta')['text']['excerpt'] ?? "" !!} </textarea>

                            </div>
                                                    </div>

                        <hr />

                        <div class="row">
                            @php
                                $uploaders = [
                                    [
                                        'label' => 'Upload Video',
                                        'control_name' => 'banner_video',
                                        'type' => 'file',
                                        'old_file_name' => old('meta')['text']['banner_video'] ?? "",
                                        'required' => false,
                                        'mimes' => ['mp4'],
                                        'maxSize' => '15MB',
                                    ],
                                    [
                                        'label' => 'Upload Banner Background Image',
                                        'control_name' => 'background_image',
                                        'type' => 'image',
                                        'old_file_name' => old('meta')['text']['background_image'] ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                    ],
                                    [
                                        'label' => 'Upload Image',
                                        'control_name' => 'banner_image',
                                        'type' => 'image',
                                        'old_file_name' => old('meta')['text']['banner_image'] ?? "",
                                        'required' => true,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                    ],
                                    [
                                        'label' => 'Upload Banner [Mobile]',
                                        'control_name' => 'banner_mobile',
                                        'type' => 'image',
                                        'old_file_name' => old('meta')['text']['banner_mobile'] ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png', 'gif'],
                                        'maxSize' => '2MB',
                                    ],
                                ];
                            @endphp

                            @foreach ($uploaders as $uploaderData)
                                <div class="col-sm-6 form-group">
                                    @include('admin.common.file_upload.uploader', $uploaderData)
                                </div>
                            @endforeach
                        </div>

                        <div class="col-sm-6 form-group ">
                            <label for="banner_image_alt" class="col-form-label">Image Alt</label>
                            <input type="text" id="banner_image_alt" name="meta[text][banner_image_alt]" value="{!! old('meta')['text']['banner_image_alt'] ?? "" !!}" class="form-control " >
                        </div>

                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="banner_video_link" class="col-form-label">Video Link (Youtube)</label>
                                <input type="text" id="banner_video_link" name="meta[text][banner_video_link]"
                                    class="form-control " value="{!! old('meta')['text']['banner_video_link'] ?? "" !!}">
                            </div>
                        </div>

                    </section>
                </div>
            </div>
        </div>
    </div>


    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <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>
    </div>
    {{ Form::close() }}
</div>
@stop

@section('scripts')
@parent
<script src="{{ asset('assets/admin/vendor/tagsinput/bootstrap-tagsinput.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/editor/full/ckeditor/ckeditor.js') }}" type="text/javascript"></script>
@include('admin.common.common_gallery_scripts')
<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') }}/");

        $('#post_tags').tagsinput({
            confirmKeys: [13, 188]
        });

        $('#type').on('change', function() {
            $('#private_token').closest('.col-sm-6').hide();
            if (this.value == 'private') {
                $('#private_token').closest('.col-sm-6').show();
            }
        });

        $('body').on('keydown', '.bootstrap-tagsinput input', function(e) {
            var keyCode = e.keyCode || e.which;
            if (keyCode === 9 || keyCode === 13) {
                e.preventDefault();
                $("#post_tags").tagsinput('add', $(this).val());
                $(this).val('');
                return false;
            }
        });

    });
</script>
@stop