@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Add 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/store','files'=>true, 'id' => '']) !!}
            <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">
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::text('title', null ,['class' => 'form-control','id'=>'title']) }}
                                    <label for="title">Blog title</label>
                                    <span class="help-block">Blog title is required </span>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group form-md-line-input form-md-floating-label">
                                            {{ Form::text('blog_by', null ,['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', null  ,['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>
                                <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>
                                    {{ Form::textarea('description', null, ['class' => 'form-control','id'=>'description','data-error-container' => '#AdDescription' ,'rows' => '5' ]) }}
                                    <div id="description">
                                    </div>
                                </div>


                            </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, 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, 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" data-provides="fileinput">
                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 250px;"> </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" data-dismiss="fileinput"> 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" onclick="location.href = '{{url('admin/settings/blogs')}}'"><i class="fa fa-close"></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>
                                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' ] },
                                        ],
                                });
                                var Globals =