@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form id="template_filter" method=""  action="" class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label class="control-label">Search</label>
                    <input class="form-control" name="search"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Privacy</label>
                    {{Form::select('template_privacy',$privacy,'',array("class"=>"select2 small"))}}
                    <!--<label class="col-sm-2 control-label">Template Type</label>
                <div class="col-sm-2">
                    {{Form::select('template_type',$type,'',array("class"=>"select2 small"))}}
                            </div>-->
                </div>
                <div class="form-group">
                    <label class="control-label">Language</label>
                    {{ddl_language("", "templateLanguage", Translation::$default_lang_id, "", "id")}}
                </div>
                <div class="form-group">
                    <label class="control-label">System Templates</label><br/>
                    <p class="make-switch switch-small">
                        <input type="checkbox"  name="system_templates" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label">Status</label><br/>
                    <p class="make-switch switch-small">
                        <input type="checkbox" checked=""  name="template_status" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')
<ol class="breadcrumb bc-3">
  <li> <a href="{{URL::to('dashboard')}}"><i class="entypo-home"></i>Home</a> </li>
  <li class="active"> <strong>Email Template</strong> </li>
</ol>
<h3>Templates</h3>
@include('includes.errors')
@include('includes.success')
</br>

<p class="text-right"> @if(User::checkCategoryPermission('EmailTemplate','Add')) <a href="#" data-action="showAddModal" data-type="email_template" data-modal="add-new-modal-template" class="btn btn-primary "> <i class="entypo-plus"></i> Add New </a> @endif </p>
<table class="table table-bordered datatable" id="table-4">
  <thead>
    <tr>
      <th width="20%">Template Name</th>
      <th width="20%">Subject</th>
      <!--<th width="10%">Type</th>-->
      <th width="15%">Created By</th>
      <th width="15%">Last Updated</th>
      <th width="10%">Status</th>
      <th width="10%">Action</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<script type="text/javascript">
var $searchFilter = {};
var update_new_url;
var postdata;
var template_type_val =0;
var TemplateType = {{$TemplateType}};
var popup_type	=	0;
    jQuery(document).ready(function ($) {

        $('#filter-button-toggle').show();

        public_vars.$body = $("body");
        //show_loading_bar(40);
        var tempatetype						= 	{{json_encode($type)}};
		$searchFilter.searchTxt				=   $("#template_filter [name='search']").val();
        $searchFilter.template_privacy 		= 	$("#template_filter [name='template_privacy']").val();
        $searchFilter.template_type 		= 	$("#template_filter [name='template_type']").val();
		$searchFilter.template_status 		= 	$("#template_filter [name='template_status']").prop("checked");
		$searchFilter.system_templates 		= 	$("#template_filter [name='system_templates']").prop("checked");
		$searchFilter.templateLanguage 		= 	$("#template_filter [name='templateLanguage']").val();

        data_table = $("#table-4").dataTable({
            "bDestroy": true,
            "bProcessing":true,
            "bServerSide":true,
            "sAjaxSource": baseurl + "/email_template/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "fnServerParams": function(aoData) {
                aoData.push({"name":"template_privacy","value":$searchFilter.template_privacy},{"name":"type","value":$searchFilter.template_type},{"name":"Status","value":$searchFilter.template_status},{"name":"search","value":$searchFilter.searchTxt},{"name":"system_templates","value":$searchFilter.system_templates},{"name":"templateLanguage","value":$searchFilter.templateLanguage});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"template_privacy","value":$searchFilter.template_privacy},{"name":"type","value":$searchFilter.template_type},{"name":"Status","value":$searchFilter.template_status},{"name":"search","value":$searchFilter.searchTxt},{"name":"system_templates","value":$searchFilter.system_templates});
            },
            "sPaginationType": "bootstrap",
            "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
            "aaSorting": [[0, 'asc']],
             "aoColumns":
            [
                {  "bSortable": true },  //0  Template Name', '', '', '
                {  "bSortable": true }, //1   CreatedBy
                /*{  "bSortable": true,
                        mRender: function ( id, type, full ) {
                            return tempatetype[id];
                     }
                 },*/ //updated Date
                {  "bSortable": true }, //updated Date
                {  "bSortable": true }, //updated Date
				{  "bSortable": true,
                    mRender: function ( id, type, full ) { 
					var readonly = '';	var readonly_title = '';
						if(full[8]){
							readonly  = "deactivate";
							readonly_title = 'Cannot deactivate';
						}
					if(id){					
						action = '<p  title="'+readonly_title+'" class="make-switch switch-small '+readonly+' "><input type="checkbox" data-id="'+full[5]+'" checked=""  class="changestatus" title="'+readonly_title+'"  name="template_status"  value="1"></p>';
					}else{
						action = '<p class="make-switch switch-small"><input type="checkbox" data-id="'+full[5]+'" class="changestatus"  name="template_status" value="1"></p>';
					} return action;
					
					 } }, //status
                {
                   "bSortable": true,
                    mRender: function ( id, type, full ) { 
                         action = '<div class = "hiddenRowData" >';
                         action += '<input type = "hidden"  name = "templateID" value = "' + id + '" / >';
                         action += '</div>';