@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Add Page</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">
<style>
    .portlet{
        border: 1px solid #CCC;
    }
</style>
@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/cms/pages/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 Page</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/cms/pages')}}'" ><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">Page title</label>
                                    <span class="help-block">Page title is required </span>
                                </div>
                                <!--                                <div class="form-group form-md-line-input form-md-floating-label hidden">  
                                                                    {!! Form::select('template_id', $templates, null, ['class' => 'form-control','disabled'=>'disabled', 'id' => 'template_id']) !!}
                                                                    <label for="template_id"  style="font-size: 14px;">Template</label>
                                                                </div>-->
                                <input type="hidden" name="template_id" value="0">

                                <div id="template_field">
                                    <div class="form-group lang-group last" >
                                        <label class="control-label">
                                            <strong style="color:#999; font-size:16px; font-weight: normal;">Page Content: </strong>
                                        </label>
                                        {{ Form::textarea('page_description', null, ['class' => 'form-control','id'=>'page_description','data-error-container' => '#AdDescription' ,'rows' => '5' ]) }}
                                        <div id="description">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::text('meta_title', null ,['class' => 'form-control','id'=>'meta_title']) }}
                                    <label for="meta_title">Page meta title</label>
                                    <span class="help-block">Page meta title is required </span>
                                </div>

                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::textarea('meta_keywords', null, ['class' => 'form-control','id'=>'meta_keywords','data-error-container' => '#meta_keywords' ,'rows' => '5' ]) }}
                                    <label for="meta_keywords">Meta keywords for page</label>
                                </div>
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::textarea('meta_description', null, ['class' => 'form-control','id'=>'meta_description','data-error-container' => '#meta_description' ,'rows' => '5' ]) }}
                                    <label for="meta_description">Meta description for page</label>
                                </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, true, ['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 form-md-line-input form-md-floating-label">
                                    {{ Form::text('page_image_title', null ,['class' => 'form-control','id'=>'page_image_title']) }}
                                    <label for="page_image_title">Page header title</label>
                                    <span class="help-block">Page header title is required </span>
                                </div>
                                <div class="form-group ">
                                    <label class="control-label"><div style="color:#999;">Page header image:<br>Note: ( width should be greater 1200 or less than 1600 and  height should be greater 300 and less than 400 )</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('page_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 class="form-group form-md-checkboxes">
                                    <label>Show In</label>
                                    <div class="md-checkbox">
                                        {{ Form::checkbox('header', 1, true, ['id' => 'header']) }}
                                        <label for="header">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> 
                                            Header
                                        </label>
                                    </div>  
                                    <div class="md-checkbox">
                                        {{ Form::checkbox('main_menu', 1, null, ['id' => 'main_menu']) }}
                                        <label for="main_menu">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span>
                                            Main menu
                                        </label>
                                    </div>  
                                    <div class="md-checkbox">
                                        {{ Form::checkbox('footer_one', 1, null, ['id' => 'footer_one']) }}
                                        <label for="footer_one">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> 
                                            Footer section one
                                        </label>
                                    </div>  
                                    <div class="md-checkbox">
                                        {{ Form::checkbox('footer_two', 1, null, ['id' => 'footer_two']) }}
                                        <label for="footer_two">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span>
                                            Footer section two
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group form-md-line-input form-md-floating-label">  
                                    {!! Form::select('link_target', $link_target, null, ['class' => 'form-control', 'id' => 'link_target']) !!}
                                    <label for="link_target"  style="font-size: 14px;">Open in</label>
                                </div>
                                <div id="externa_link_div">
                                    <div class="form-group form-md-line-input form-md-floating-label">  
                                        {!! Form::select('link_to', $link_to, null, ['class' => 'form-control select2', 'id' => 'link_to']) !!}
                                        <label for="link_to"  style="font-size: 14px;">Link To</label>
                                    </div>
                                    <div class="form-group form-md-line-input form-md-floating-label" id="external_link_form">
                                        {{ Form::text('external_link', null ,['class' => 'form-control','id'=>'external_link']) }}
                                        <label for="external_link">External link</label>
                                        <span class="help-block">External Link Should be Appropriate </span>
                                    </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/cms/pages')}}'"><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/ckeditor/ckeditor.js" type="text/javascript"></script>

<script>
                                var Globals =