@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Edit Blog</title>
<link href="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin') }}/css/bootstrap-datepicker.css" rel="stylesheet">

@endsection



@section('content')

<div class="page-content-col">
    <div class="row">
        <div class="col-md-12">
            @include('admin/includes/front_alerts')
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 ">
            {!! Form::open([ 'url' => 'admin/settings/blogs/'.$blog->id,'files'=>true, 'id' => '', 'onsubmit'=>' return checkShortDescription()']) !!}
            <div class="portlet light bordered">

                <div class="portlet-title" >
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">Add Blog</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <button class="btn btn-success btn-sm"><i class="fa fa-save"></i> Save</button>
                            <button class="btn btn-danger btn-sm" type="button" onclick="location.href = '{{url('admin/settings/blogs')}}'" ><i class="fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
                <div class="portlet-body form">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#en">{{__('lang.en')}}</a></li>
                        <li><a data-toggle="tab" href="#es">{{__('lang.es')}}</a></li>
                    </ul>
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-8">
                                 @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                <div id="{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                    <div class="form-group form-md-line-input form-md-floating-label">
                                        @if($lang!='en')
                                            {{ Form::text('lang['.$lang.'][content][title]', $blog->lang_translations->where('lang',$lang)->first()->content['title']??'' ,['class' => 'form-control','id'=>'title']) }}
                                        @else
                                            {{ Form::text('title', $blog->title ,['class' => 'form-control','id'=>'title']) }}
                                        @endif
                                        <label for="title">Blog Title</label>
                                        <span class="help-block">Group Title Should be Appropriat </span>
                                    </div>
                                    @if($lang=='en')
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group form-md-line-input form-md-floating-label">
                                                {{ Form::text('blog_by', $blog->blog_by ,['class' => 'form-control','id'=>'title']) }}
                                                <label for="form_control_1">Blog by</label>
                                                <span class="help-block">Blog by is required </span>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group form-md-line-input form-md-floating-label">
                                                {{ Form::text('published_at', date_format(date_create($blog->published_at), "Y-m-d") ,['class' => 'form-control top-margin','id'=>'published_at']) }}
                                                <label for="form_control_1">Published Date</label>
                                                <span class="help-block">Date of published is required</span>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    <div class="form-group lang-group last" id="">
                                        <label class="control-label">
                                            <strong style="color:#999; font-size:16px; font-weight: normal;">Short Description: </strong>
                                        </label>
                                        @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][content][short_description]', $blog->lang_translations->where('lang',$lang)->first()->content['short_description']??'' ,['class' => 'form-control ck_description', 'maxlength'=>100, 'id'=>'short_description_'.$lang,'data-error-container' => '#AdShortDescription_'.$lang ,'rows' => '5' ]) }}
                                        @else
                                            {{ Form::textarea('short_description', $blog->short_description, ['class' => 'form-control', 'maxlength'=>100, 'id'=>'short_description','data-error-container' => '#AdShortDescription' ,'rows' => '5' ]) }}
                                        @endif
                                        <div id="short_description">
                                        </div>
                                    </div>
                                    <br />
                                    <br />
                                    
                                    <div class="form-group lang-group last" id="">
                                        <label class="control-label">
                                            <strong style="color:#999; font-size:16px; font-weight: normal;">Blog Description: </strong>
                                        </label>
                                        @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][content][description]', $blog->lang_translations->where('lang',$lang)->first()->content['description']??'' ,['class' => 'form-control ck_description', 'maxlength'=>100, 'id'=>'description_'.$lang,'data-error-container' => '#AdDescription_'.$lang ,'rows' => '5' ]) }}
                                        @else
                                            {{ Form::textarea('description', $blog->description, ['class' => 'form-control','id'=>'description','data-error-container' => '#AdDescription' ,'rows' => '5' ]) }}
                                        @endif
                                        <div id="description">
                                        </div>
                                    </div>
                                </div>
                                @endforeach


                            </div>
                            <div class="col-md-4">
                                <div class="form-group form-md-radios">
                                    <label>Status</label>
                                    <div class="md-radio-inline">
                                        <div class="md-radio">
                                            {{ Form::radio('status', 1, ($blog->status == 1?true:null), ['class' => 'md-radiobtn','id'=>'active']) }}
                                            <label for="active">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> Active
                                            </label>
                                        </div>
                                        <div class="md-radio">
                                            {{ Form::radio('status', 0, ($blog->status == 0?true:null), ['class' => 'md-radiobtn','id'=>'deactive']) }}
                                            <label for="deactive">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> Deactive 
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group ">
                                    <label class="control-label"><div style="color:#999;">Blog Image: </div></label><br>
                                    <div class="fileinput fileinput-new" id="blog_image" data-provides="fileinput">
                                        <div class="fileinput-preview thumbnail" id="blog_tag" data-trigger="fileinput" style="width: 250px; height: 250px;"> 
                                            <img src="{{ url('uploads/').($blog->image == ''?'/no_image.png':'/blog/'.$blog->image) }}" id="blog_img_show" alt="Blog Image" />
                                        </div>
                                        <div>
                                            <span class="btn red btn-outline btn-file">
                                                <span class="fileinput-new"> Select image </span>
                                                <span class="fileinput-exists"> Change </span>

                                                {{ Form::file('image', ['id'=>'image' ,'accept' => 'image/PNG,image/png,image/jpg,image/JPG,image/JPEG,image/jpeg,image/GIF,image/gif']) }}
                                            </span>
                                            <a href="javascript:;" class="btn red fileinput-exists" {{ ($blog->image == ""? 'data-dismiss=fileinput':'onClick=deleteImage()')}}> Remove </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet-title " style=" border-top: 1px solid #eef1f5; border-bottom: 0;" >
                    <div class="actions margin-top-10">
                        <div class="btn-group">
                            <button class="btn btn-success btn-sm"><i class="fa fa-save"></i> Save</button>
                            <button class="btn btn-danger btn-sm" type="button"><i class="fa fa-close" onclick="location.href = '{{url('admin/settings/blogs')}}'" ></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {!! FORM::close() !!}
        </div>
    </div>
</div>
@endsection

@section('footerScripts')

<script src="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
<script src="{{ url('resources/assets/admin') }}/plugins/bootstrap-datepicker.js"></script>
<script src="{{ url('resources/assets/admin') }}/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
<script>
    var options =  {
    allowedContent: true,
            toolbar:[
            { name: 'basicstyles', items : [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
            { name: 'paragraph', items : [ 'NumberedList', 'BulletedList' ] },
            { name: 'styles', items : [ 'Format', 'Font', 'FontSize' ] },
            { name: 'tools', items : [ 'Maximize',] },
            {name: 'links', items: ['Link', 'Unlink', 'Anchor']},
            { name: 'colors', items : [ 'TextColor', 'BGColor' ] },
                    //          { name: 'document', items : [ 'Source' ] },
            ],
    };
    CKEDITOR.replaceAll( 'ck_description',options);
</script>
<script>
$(document).ready(function(){
        $('#short_description').each(function(){
            $(this).after('<div id="word_count" style="display:none;"></div>');
            checkShortDescription();
        });
    });
    
    CKEDITOR.replace('description', {
    allowedContent: true,
            toolbar:[
            { name: 'basicstyles', items : [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
            { name: 'paragraph', items : [ 'NumberedList', 'BulletedList' ] },
            { name: 'styles', items : [ 'Format', 'Font', 'FontSize' ] },
            { name: 'tools', items : [ 'Maximize',] },
            {name: 'links', items: ['Link', 'Unlink', 'Anchor']},
            { name: 'colors', items : [ 'TextColor', 'BGColor' ] },
                    //          { name: 'document', items : [ 'Source' ] },
            ],
    });
                                
    CKEDITOR.replace('short_description', {
        allowedContent: true,
        //extraPlugins: 'charcount', 
        //maxLength: 10, 
        toolbar:[
            { name: 'basicstyles', items : [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
            { name: 'paragraph', items : [ 'NumberedList', 'BulletedList' ] },
            { name: 'styles', items : [ 'Format', 'Font', 'FontSize' ] },
            { name: 'tools', items : [ 'Maximize',] },
            {name: 'links', items: ['Link', 'Unlink', 'Anchor']},
            { name: 'colors', items : [ 'TextColor', 'BGColor' ] },
                //          { name: 'document', items : [ 'Source' ] },
        ],
    });
    
    
                                var Globals =