@extends('admin.layouts.main')
@section('content')
    <div>
        <h2>
            Create Video
        </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="blog_form"  enctype="multipart/form-data ">
                <input type="hidden" name="blog_id" value="{{$data->id}}" class="blog_id">
                <input type="hidden" name="form_type" value="edit" 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>
                                    <option value="Hiring Management" data-parent="1"  @if($data->category =='Hiring Management') selected @endif >Hiring Management</option>
                                    <option value="Financial Management" data-parent="1"  @if($data->category =='Financial Management') selected @endif>Financial Management</option>
                                    <option value="Hospitality Management" data-parent="1"  @if($data->category =='Hospitality Management') selected @endif>Hospitality Management</option>
                                    
                                </select>
                                <span class="text-danger 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" value="{{$data->headline}}" placeholder=""/>
                            <span class="text-danger heading_e "></span>
                        </div>
                        <div class="form-group">
                            <label for="pwd">Subhead 
                                {{-- <span class="mandatory">*</span> --}}
                            </label>
                            <input type="text" name="sub_headline" value="{{$data->sub_headline}}" class="form-control input-sm" id="Subhead" />
                            <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" value="{{$data->source_from}}"  />
                                        <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" value="{{$data->source_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">Artical display date
                                        <span class="mandatory">*</span>
                                    </label>
                                    <input type="text" name="publish_date"   id="publish_date" class="form-control input-sm" placeholder="" value="{{$data->publish_date ? date_formt_to_html($data->publish_date) :''}}" > 
                                    <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>
                </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"
                                    >{{$data->description}}</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 375 height)</span>
                                    |&nbsp;&nbsp;
                                    <a target="_blank" href="{{url('').'/assets/blog/'.$data->display_image}}">View</a>
                                </label>
                                <input type="file" name=""  id="display_image" class="form-control input-sm" placeholder="" > 
                                <input type="test" class="form-control input-sm hidden" name="display_image" id="display_image_val" />
                                <input type="hidden" class="form-control input-sm " value="{{$data->display_image}}" name="display_image_old" id="display_image_old" />
                                <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>
                                    @if($data->banner_image)
                                        |&nbsp;&nbsp;
                                        <a target="_blank" href="{{url('').'/assets/blog/'.$data->banner_image}}">View</a>
                                    @endif
                                </label>
                            <input type="file" name=""  id= "banner_image" class="form-control input-sm" placeholder="" >
                            <input type="test" class="form-control input-sm hidden" name="banner_image" id="banner_image_val" />
                            <input type="hidden" class="form-control input-sm " value="{{$data->banner_image}}" 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" value="{{$data->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"  value="{{$data->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" value="{{$data->embed_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',['assets'=>$data->assets,'cta'=>$data->cta,'cta_type'=>$data->cta_type])
                </div>
                <div>
                    @php
                    $social_data = (array) json_decode($data->social_media_data);
                    $social_img = isset($social_data['img']) ? url('/').'/assets/blog'.'/'.$social_data['img'] : '';
                    $social_title =  isset($social_data['img']) ? $social_data['title']:"";
                    $social_desc =  isset($social_data['img']) ? $social_data['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 }}" @if($author->id == $data->author) selected @endif>{{ $author->fname .' '. $author->lname}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                <!-- </div> -->
                <div>
                    @php
                    $tags = $data->tags_list;
                    @endphp
                    @include('admin.common.tags_form')
                </div>
                <div>
                    @php
                        $content_by=$data->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/blog/create" data-form-name="blog_form" type="submit" class="btn btn-default gmf-btn-primary btn-admin-create">
                            update
                        </a>
                        <button type="reset" class="btn btn-warning gmf-btn-primary white  btn-admin-cancel">
                            Cancel
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <input type="hidden" value="{{$data->assets}}" id="dbassets">
    <input type="hidden" value="{{$data->cta}}" id="dbcta">
    <input type="hidden" value="{{$data->cta_type}}" id="cta_type">
@endsection
@push('script')
<script>
    var descValue,
    org_cat = "Blogs",
    tags_data ='{{$data->tags_list}}',
    gettags_val=tags_data.split(",");
</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/load_assets.js')}}"></script>
    <script type="text/javascript" src="{{asset('asset/js/admin/common/load_cta.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>
        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>
       $(function() {
           $('#use_current_date').attr('checked',true);
        $('#publish_date').datetimepicker({
            minDate: new Date(),
            format: 'DD-MM-YYYY',
            viewMode: "years",
            viewDate: moment('1987-06-06'), // Use moment objects.
            // minDate: moment("1900-01-01"),
            defaultDate: moment("1950-06-06"),
        });
        $('#use_current_date').click(function() {
            if($('#use_current_date').is(":checked")){
                $('#publish_date').attr('disabled',true);
            }else{
                $('#publish_date').attr('disabled',false);
            }
        });
    });
     
    $(".gmn-menu .blogs").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