@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Edit Template</title>
<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/templates/'.$template->template_id,'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">Edit 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/cms/templates')}}'" ><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-9">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::text('title', $template->title ,['class' => 'form-control','id'=>'title']) }}
                                    <label for="title">Templete title</label>
                                    <span class="help-block">Templete title is required </span>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-primary" id="btn_add"><i class="fa fa-plus"></i> Add Template Field </button>
                                </div>

                                <div class="row  answer_div margin-top-20" id="answer_div">
                                    @foreach($template_fields as $template_field)
                                    <div class="col-md-4" >
                                        <div class="portlet light">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <i class="icon-puzzle font-grey-gallery"></i>
                                                    <span class="caption-subject bold font-grey-gallery uppercase"> Fields </span>
                                                </div>
                                                <div class="tools">
                                                    <a href="javascript:;" class="remove btn_remove"></a>
                                                </div>
                                            </div><div class="portlet-body">
                                                <input type="text" class="form-control title margin-top-10 " name="field_title[]" value="{{$template_field->field_title}}" placeholder="enter title"> 
                                                <input type="text" class="form-control type margin-top-10 " name="type[]" value="{{$template_field->type}}" placeholder="enter type"> 
                                                <input type="text" class="form-control name margin-top-10" name="name[]" value="{{$template_field->name}}" placeholder="enter name">
                                                <textarea class="form-control margin-top-10" rows="3" name="option[]" placeholder="extra attributes">{{ unescape($template_field->option)}}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>

                            </div>
                            <div class="col-md-3">
                                <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>
                        </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/templates')}}'"><i class="fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {!! FORM::close() !!}
        </div>
    </div>
</div>
@endsection

@section('footerScripts')
<script>
    var Globals =