@extends('admin.layouts.main')
@section('content')
    <div>
        <h2>
            Create News
        </h2>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 gmn-updates">
        <div class="col-md-12 col-sm-12 admin-panel">
            <form class="news_form"  enctype="multipart/form-data ">
                <input type="hidden" name="news_id" value="" class="news_id">
                <input type="hidden" name="form_type" value="create" class="form_type" id="form_type">
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Category</h4>
                    </div>
                    <div class="col-md-6 col-sm-6 sub-section-content">
                        <div class="row">
                            <div class="col-md-8">
                                <select  class="form-control category" name="category" >
                                    <option value="">Select</option>
                                    @foreach ($category as $key => $value)
                                        <option value="{{$value->name}}" data-parent="{{$value->id}}">{{$value->name}}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger category_e "></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 sub-section-content">
                        <div class="row">
                            <div class="col-md-8">
                                <select  class="form-control" name="sub_category" id="sub_category">
                                    <option value="">Select sub-category</option>
                                </select>
                                <span class="text-danger sub_category_e "></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Header</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content">
                        <div class="form-group">
                            <label for="email">Headline
                                <span class="mandatory">*</span>
                            </label>
                            <input type="text" name="heading" class="form-control input-sm" id="headline" />
                            <span class="text-danger heading_e "></span>
                        </div>
                        <div class="form-group">
                            <label for="pwd">Subhead 
                                {{-- <span class="mandatory">*</span> --}}
                            </label>
                            <input type="text" id="sub_headline" name="sub_headline" class="form-control input-sm"> 
                            <span class="text-danger sub_headline_e "></span>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-6 pad-l-0">
                                <div class="col-xs-12 col-sm-6 col-md-6 pad-l-0">
                                    <div class="form-group">
                                        <label for="pwd">Sourced text :</label>
                                        <input class="form-control" name="source_from" placeholder="Text" />
                                        <span class="text-danger source_from_e "></span>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                                    <div class="form-group">
                                        <label for="pwd">Sourced url :</label>
                                        <input class="form-control" name="source_link" placeholder="link" />
                                        <span class="text-danger source_link_e "></span>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Publish date
                                        <span class="mandatory">*</span>
                                    </label>
                                    <input type="text" name="publish_date" disabled  id="publish_date" class="form-control input-sm" placeholder="" > 
                                    <span class="text-danger publish_date_e "></span>
                                    <br>
                                    <input type="checkbox"  name="use_current_date" id="use_current_date"> Use current date and time
                                </div>
                            </div> --}}
                        </div>
                        <div class="row">
                            <div class="col-xs-6 col-sm-4 col-md-6 pad-l-0">
                                <div class="form-group">
                                    <label for="pwd">Published by:</label> 
                                    <input placeholder="" class="form-control" name="article_published_by"> 
                                    <span class="text-danger article_published_by_e "></span>
                                </div>
                            </div> 
                            <div class="col-xs-6 col-sm-4 col-md-6 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Article published date:</label> 
                                    <input type="text" class="form-control " placeholder="Select date from" id="article_published_date" name="article_published_date">
                                    <span class="text-danger article_published_date_e "></span>
                                </div>
                                </div>
                            </div>
                        
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Content</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 ">
                                <div class="form-group">
                                    <label for="pwd">Description
                                        <span class="mandatory">*</span>
                                    </label>
                                    <textarea
                                        class="form-control"
                                        name="descriptions"
                                        id="textarea"
                                        cols="30"
                                        rows="5"
                                    ></textarea>
                                    <input type="hidden" name="description" id="descriptionss">
                                    <span class="text-danger description_e "></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="row" style="padding-top:10px;">
                        <div class="col-md-12 col-sm-12 sub-section-title-band">
                            <h4 class="block_title">Media</h4>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <label for="pwd">Thumb Image
                                    <span class="mandatory">*</span> <span class="img-size">(600 width x 536 height)</span>
                                </label>
                                <input type="file" name=""  id="display_image" class="form-control input-sm" placeholder="" > 
                                <input type="hidden" class="form-control input-sm " name="display_image" id="display_image_val" />
                                <input type="hidden" class="form-control input-sm " name="display_image_old" id="" />
                                <span class="text-danger display_image_e "></span>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                            <div class="form-group">
                                <label for="pwd">Banner Image
                                    <span class="mandatory">*</span> <span class="img-size">(1140 width x 300 height)</span>
                                </label>
                            <input type="file" name=""  id= "banner_image" class="form-control input-sm" placeholder="" >
                            <input type="hidden" class="form-control input-sm " name="banner_image" id="banner_image_val" />
                            <input type="hidden" class="form-control input-sm " name="banner_image_old" id="banner_image_old" />
                            <span class="text-danger banner_image_e "></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="row" style="padding-top:10px;">
                        <div class="col-md-12 col-sm-12 sub-section-title-band">
                            <h4 class="block_title">Media Title</h4>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <label for="Thumb Image title tag">Thumb Image Title
                                </label>
                                <input type="text" class="form-control input-sm " name="display_image_title" id="display_image_title" />
                                <span class="text-danger display_image_title_e "></span>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                            <div class="form-group">
                                <label for="Banner Image title tag">Banner Image Title
                                </label>
                            <input type="text" class="form-control input-sm " name="banner_image_title" id="banner_image_title" />
                            <span class="text-danger banner_image_title_e "></span>
                            </div>
                        </div>
                    </div>
                </div>  
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Video</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="banner_image">Video link
                                        <!-- <span class="mandatory">*</span> -->
                                    </label>
                                    <input type="text" class="form-control input-sm" name="video_link" />
                                    <span class="text-danger video_link_e "></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-12 col-sm-12 admin-sub-section">
                   @include('admin.common.important_links')
                </div>
                <div>
                    @php
                    $social_img = "";
                    $social_title = "";
                    $social_desc = "";
                    @endphp
                    @include('admin.common.socialshare_form')
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Author</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 ">
                                <div class="form-group">
                                    <label for="pwd">Select Presenter</label>
                                    <select  class="form-control" name="presenter">
                                        <option value="">Select </option>
                                        @foreach($authors as $author)
                                        <option value="{{ $author->id }}">{{ $author->fname .' '. $author->lname}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    @php
                        $tags = '';
                        $tags_list = [];
                    @endphp
                    @include('admin.common.tags_form')
                </div>
                <div>
                    @php
                        $content_by='';
                    @endphp
                    @include('admin.common.content_by')   
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 pad-l-r-0">
                    <div class="form-group ">
                        <a href="javascript://" data-url="/admin/news/create" data-form-name="news_form" type="submit" class="btn btn-default gmf-btn-primary btn-admin-create">
                            Create
                        </a>
                        <button type="reset" class="btn btn-warning gmf-btn-primary white  btn-admin-cancel">
                            Cancel
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('script')
<script>
    var descValue,
        org_cat = "News",
    gettags_val=[];
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></script>
<!-- <script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script> -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/convert_image.js')}}"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/assets.js')}}"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/cta.js')}}"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/create_content.js')}}"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/category_drop_down.js')}}"></script>
    <script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>

<script>
    cta_html('external','click')
    ClassicEditor
        .create( document.querySelector( '#textarea' ),{
            cloudServices: {
                tokenUrl: "https://growthmattersnow.com/ck_editor.php",
                uploadUrl: 'https://41984.cke-cs.com/easyimage/upload/'
            }
        } )
        .then( editor => {
            descValue = editor;
            editor.model.document.on( 'change:data', () => {
                var desc = lenghtcut(descValue.getData(),300);
                $('.social_desc').html(desc);
                $('.social_desc_val').val(desc);
            } );
        } )
        .catch( error => {
            console.error( error );
        } );
</script>
    <script>
        var offset_top= $('.news_form').offset().top;
        var class_name = "";
    //    CKEDITOR.replace("textarea");
    //    CKEDITOR.instances["textarea"].setData("<h1> data to render</h1>")
       $(function() {
           $('#use_current_date').attr('checked',true);
        $('#publish_date,#article_published_date').datetimepicker({
            // maxDate: new Date(),
            format: 'DD-MM-YYYY',
            viewMode: "years",
            viewDate: new Date(), // Use moment objects.
            minDate: moment("1900-01-01"),
            // defaultDate: moment("1950-06-06"),
            icons: { 
                previous: "fa fa-chevron-left", 
                next: "fa fa-chevron-right", 
            },
        });
        $('#use_current_date').click(function() {
            if($('#use_current_date').is(":checked")){
                $('#publish_date').attr('disabled',true);
            }else{
                $('#publish_date').attr('disabled',false);
            }
        });
    });
    $(".gmn-menu .news").addClass('active');
   </script>
@endpush
@push('style')
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" />
@endpush