{{ header }}{{ column_left }}
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right">
                <button type="submit" form="form-blogger" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary">
                    <i class="fa fa-save"></i>
                </button>
                <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default">
                    <i class="fa fa-reply"></i>
                </a>
            </div>
        <h1>{{ heading_title }}</h1>
            <ul class="breadcrumb">
                {% for breadcrumb in breadcrumbs %}
                    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="container-fluid">
    {% if error_warning %}
        <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
   {% endif %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3>
        </div>
        <div class="panel-body">
            <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-blogger" class="form-horizontal">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab-general" data-toggle="tab">{{ tab_general }}</a></li>
                    <li><a href="#tab-data" data-toggle="tab">{{ tab_data }}</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab-general">
                        <ul class="nav nav-tabs" id="language">
                            {% for language in languages %}
                                <li>
                                    <a href="#language{{ language.language_id }}" data-toggle="tab">
                                        <img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />
                                        {{ language.name }}
                                    </a>
                                </li>
                            {% endfor %}
                        </ul>
                        <div class="tab-content">
                            {% for language in languages %}
                            <div class="tab-pane" id="language{{ language.language_id }}">
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label" for="input-title{{ language.language_id }}">{{ entry_title }}</label>
                                    <div class="col-sm-10">
                                        <input type="text" name="blogger_description[{{ language.language_id }}][title]" value="{{ blogger_description[language.language_id] ? blogger_description[language.language_id].title }}"
                                        placeholder="{{ entry_title }}" id="input-title{{ language.language_id }}" class="form-control" />
                                            {% if error_title[language.language_id] %}
                                                <div class="text-danger">{{ error_title.language.language_id }}</div>
                                            {% endif %}
                                    </div>
                                </div>
                                            <div class="form-group required">
                                                <label class="col-sm-2 control-label" for="input-description">{{ entry_description }}</label>
                                                <div class="col-sm-10">
                                                    <textarea name="blogger_description[{{ language.language_id }}][description]" placeholder="{{ entry_description }}" id="input-description{{ language.language_id }}" data-toggle="summernote" class="form-control">{{ blogger_description[language.language_id] ? blogger_description[language.language_id].description }}</textarea>
                                                    {% if error_description[language.language_id] %}
                                                        <div class="text-danger">{{ error_description[language.language_id] }}</div>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-data">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
                                    <div class="col-sm-10">
                                        <select name="status" id="input-status" class="form-control">
                                            {% if status %}
                                                <option value="1" selected="selected">{{ text_enabled }}</option>
                                                <option value="0">{{ text_disabled }}</option>
                                            {% else %}
                                                <option value="1">{{ text_enabled }}</option>
                                                <option value="0" selected="selected">{{ text_disabled }}</option>
                                            {% endif %}
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                        <label class="col-sm-2 control-label">{{ entry_image }}</label>
                                    <div class="col-sm-10"><a href="" id="thumb-image" data-toggle="image" class="img-thumbnail"><img src="{{ thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
                                        <input type="hidden" name="image" value="{{ image }}" id="input-image" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="input-module">{{ entry_module }}</label>
                                    <div class="col-sm-10">
                                        <select name="module_id" id="input-module" class="form-control">
                                            <option value="">{{ text_unallocated }}</option>
                                            {% for module in blogger_modules %}
                                                <optgroup label="{{ module.name }}">
                                                    {% for module in module.module %}
                                                        {% if module.module_id == module_id %}
                                                            <option value="{{ module.module_id }}" selected="selected">{{ module.name }}</option>
                                                        {% else %}
                                                            <option value="{{ module.module_id }}">{{ module.name }}</option>
                                                        {% endif %}
                                                    {% endfor %}
                                                </optgroup>
                                            {% endfor %}
                                        </select>
                                        {% if error_module %}
                                            <div class="text-danger">{{ error_module }}</div>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="view/javascript/summernote/summernote.js"></script>
<link href="view/javascript/summernote/summernote.css" rel="stylesheet" />
<script type="text/javascript" src="view/javascript/summernote/opencart.js"></script> 
<script type="text/javascript"><!--
$('#language a:first').tab('show');
//--></script>
{{ footer }}