@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></label>
                                <input type="text" 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="description" class="col-form-label">Description</label>
                                <textarea id="description" name="meta[text][description]" class="form-control ckeditorEn"> {!! old('meta')['text']['description'] ?? "" !!} </textarea>
                            </div>
                                                    </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-4 form-group">
                                <label for="website_url" class="col-form-label">Website URL</label>
                                <input type="text" id="website_url" name="meta[text][website_url]"
                                    class="form-control " value="{!! old('meta')['text']['website_url'] ?? "" !!}">
                            </div>
                            <div class="col-sm-4 form-group">
                                <label for="facebook_url" class="col-form-label">Facebook URL</label>
                                <input type="text" id="facebook_url" name="meta[text][facebook_url]"
                                    class="form-control " value="{!! old('meta')['text']['facebook_url'] ?? "" !!}">
                            </div>
                            <div class="col-sm-4 form-group">
                                <label for="twitter_url" class="col-form-label">Twitter URL</label>
                                <input type="text" id="twitter_url" name="meta[text][twitter_url]"
                                    class="form-control " value="{!! old('meta')['text']['twitter_url'] ?? "" !!}">
                            </div>
                            <div class="col-sm-4 form-group">
                                <label for="instagram_url" class="col-form-label">Instagram URL</label>
                                <input type="text" id="instagram_url" name="meta[text][instagram_url]"
                                    class="form-control " value="{!! old('meta')['text']['instagram_url'] ?? "" !!}">
                            </div>
                        </div>


                        <div class="row">
                            @php
                                $uploaders = [
                                    [
                                        'label' => 'Upload Image',
                                        'control_name' => 'company_image',
                                        'type' => 'image',
                                        'old_file_name' => old('meta')['text']['company_image'] ?? "",
                                        'required' => true,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                    ],
                                    [
                                        'label' => 'Upload Banner Image',
                                        'control_name' => 'company_banner_image',
                                        'type' => 'image',
                                        'old_file_name' => old('meta')['text']['company_banner_image'] ?? "",
                                        'required' => true,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                    ],
                                ];
                            @endphp

                            @foreach ($uploaders as $uploaderData)
                                <div class="col-sm-6 form-group">
                                    @include('admin.common.file_upload.uploader', $uploaderData)
                                </div>
                            @endforeach
                        </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>
<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_lang').on('change', function() {
            if ($(this).val()) {
                $('.multi-lang').hide();
                $('#post_title_arabic').prop('required', false);
                if ($(this).val() == 'ar') {
                    $('#post_title').prop('dir', 'rtl');
                } else {
                    $('#post_title').prop('dir', 'ltr');
                }
            } else {
                $('#post_title').prop('dir', 'ltr');
                $('.multi-lang').show();
                $('#post_title_arabic').prop('required', true);
            }
        })

        $('#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