{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <button onclick="$('.stay').val(1);" type="submit" form="form-ebwhatappchat" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i>  Save & stay</button>
		<button type="submit" form="form-ebwhatappchat" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i>  Save</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 alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
      <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    {% endif %}
	{% if success %}
	<div class="alert alert-success"><i class="fa fa-exclamation-circle"></i> {{ success }}
      <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_edit }}</h3>
		<div class="pull-right">
			<b>Choose Stores : </b><select style="width:174px;" onchange="location = this.options[this.selectedIndex].value;">
            <option value="{{ store_action }}&store_id=0">{{ text_default }}</option>
				{% for store in stores %}
					{% if store.store_id==store_id %}
						<option selected="selected" value="{{store_action}}&store_id={{store.store_id}}">{{store.name}}</option>
					{% else %}
						<option value="{{store_action}}&store_id={{store.store_id}}">{{store.name}}</option>
					{% endif %}
			 {% endfor  %}
          </select>
		</div>
      </div>
      <div class="panel-body">
        <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-ebwhatappchat" 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-configuration" data-toggle="tab">{{ tab_configure }}</a></li>
            <li><a href="#tab-design_layout" data-toggle="tab">{{ tab_design_layout }}</a></li>
			<li><a href="#tab-support" data-toggle="tab"><i class="fa fa-life-ring" aria-hidden="true"></i> {{ tab_support }}</a></li>
          </ul>
		  <div class="tab-content">
		  <div class="tab-pane" id="tab-support">
				<p class="text-center">For Support and Query Feel Free to contact:<br /><strong>extensionsbazaar@gmail.com</strong></p>
			</div>
            <div class="tab-pane active" id="tab-general">
				<input type="hidden" name="stay" class="stay" value="0"/>
				  <div class="form-group">
					<label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
					<div class="col-sm-5">
					  <select name="module_ebwhatappchat_status" id="input-status" class="form-control">
						{% if module_ebwhatappchat_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" for="input-display">{{ entry_display }}</label>
					<div class="col-sm-10">
						<div class="btn-group" data-toggle="buttons">
							<label class="btn btn-success btn-sm {% if module_ebwhatappchat_display == 0 %} active {% endif %}" >	
								<input type="radio" {% if module_ebwhatappchat_display == 0 %} checked="checked" {% endif %} name="module_ebwhatappchat_display"  value="0" autocomplete="off">{{text_desktop}}
							</label>
							<label class="btn btn-success btn-sm {% if module_ebwhatappchat_display == 2 %} active {% endif %}">
								<input type="radio" {% if module_ebwhatappchat_display == 2 %} checked="checked" {% endif %} name="module_ebwhatappchat_display"  value="2" autocomplete="off">{{text_both}}
							</label>
							<label class="btn btn-success btn-sm {% if module_ebwhatappchat_display == 1 %} active {% endif %}">
								<input type="radio" {% if module_ebwhatappchat_display  == 1 %} checked="checked" {% endif %} name="module_ebwhatappchat_display"  value="1" autocomplete="off">{{text_mobile}}
							</label>
						</div>
					</div>
				  </div>
				  <div class="form-group">
					<label class="col-sm-2 control-label" for="input-button_label"><span data-toggle="tooltip" title="Whatsapp Heading">Heading</span></label>
					 <div class="col-sm-5">
						 <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'] }}">
									<input type="text" class="form-control" name="module_ebwhatappchat_heading{{ language['language_id'] }}" value="{% if module_ebwhatappchat_heading[language.language_id] %}{{ module_ebwhatappchat_heading[language.language_id] }}{% endif %}"/>
								</div>
							{% endfor %}
						 </div>
					 </div>
				  </div>
				  <div class="form-group">
					<label class="col-sm-2 control-label" for="input-button_label"><span data-toggle="tooltip" title="Whatsapp Description">Description</span></label>
					 <div class="col-sm-5">
						 <ul class="nav nav-tabs" id="languagedesc">
							{% for language in languages %}
							 <li><a href="#languagedesc{{ 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="languagedesc{{ language['language_id'] }}">
								 <textarea style="height:100px;" class="form-control" name="module_ebwhatappchat_description{{ language['language_id'] }}">{% if module_ebwhatappchat_description[language.language_id] %}{{ module_ebwhatappchat_description[language.language_id] }}{% endif %}</textarea>
							  </div>
							{% endfor %}
						 </div>
					 </div>
				  </div>
			  </div>
			  <div class="tab-pane" id="tab-configuration">
				 <div class="row">
					<div class="col-sm-2">
					  <ul class="nav nav-pills nav-stacked" id="whatsapp">
					  {% set whatsapp_row = 1 %}
						  {% for whatsapp in module_ebwhatappchat_settings %}
						<li><a href="#tab-whatsapp{{ whatsapp_row }}" data-toggle="tab"><i class="fa fa-minus-circle" onclick="$('#whatsapp a:first').tab('show'); $('#whatsapp a[href=\'#tab-whatsapp{{ whatsapp_row }}\']').parent().remove(); deletetab({{ whatsapp_row }});"></i> {{ whatsapp['language'][language_id]['title'] ? whatsapp['language'][language_id]['title'] : tab_whatsapp~' ' ~whatsapp_row }} <i style="float:right;" class="fa fa-arrows" aria-hidden="true"></i><input type="hidden" class="mydragsort" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][sort_order]" value="{{ whatsapp['sort_order'] }}"/></a></li>
							{% set whatsapp_row = whatsapp_row+1 %}
								{% endfor %}
						<li id="whatsapp-add"><a onclick="addwhatsapp();"><i class="fa fa-plus-circle"></i> {{ button_whatsapp_add }}</a></li>
					  </ul>
                    </div>
					<div class="col-sm-10">
						<div class="tab-content content-whatsapp">
						{% set whatsapp_row = 1 %}
						{% for setting in module_ebwhatappchat_settings %}
							<div class="tab-pane" id="tab-whatsapp{{ whatsapp_row }}">
								<input type="hidden" rel="{{ whatsapp_row }}" />
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-button_label"><span  title="whatsapp Title">Title</span></label>
									<div class="col-sm-5">
										<ul class="nav nav-tabs" id="languagex{{ whatsapp_row }}">
											{% for language in languages %}
												<li><a href="#languagex{{ language['language_id'] }}{{ whatsapp_row }}" 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="languagex{{ language['language_id'] }}{{ whatsapp_row }}">
													<input type="text" class="form-control" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][language][{{ language['language_id'] }}][title]" value="{{ setting['language'][language['language_id']]['title'] ? setting['language'][language['language_id']]['title'] }}"/>
												</div>
											{% endfor %}
										</div>
									</div>
								</div>
								<div class="form-group">
								  <label class="col-sm-2 control-label" for="input-Whatsapp"><span  title="Add Whatsapp Number With Country Code (+1 XXXXXXX) or Group Link">Whatsapp Number/Group</span></label>
								  <div class="col-sm-5">
								    <input type="text" class="form-control" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][number]" value="{{ setting['number'] }}"/>
								  </div>
							    </div>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-button_label"><span  title="whatsapp Person Name">Profile Name</span></label>
									<div class="col-sm-5">
										<ul class="nav nav-tabs" id="languagexxx{{ whatsapp_row }}">
											{% for language in languages %}
												<li><a href="#languagexxx{{ language['language_id'] }}{{ whatsapp_row }}" 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="languagexxx{{ language['language_id'] }}{{ whatsapp_row }}">
												<input type="text" class="form-control" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][language][{{ language['language_id'] }}][name]" value="{{ setting['language'][language['language_id']]['name'] ? setting['language'][language['language_id']]['name'] }}"/>
											</div>
											{% endfor %}
										</div>
									</div>
								</div>
								<div class="form-group">
								  <label class="col-sm-2 control-label" for="input-Whatsapp"><span  title="Add Profile Image">Profile Image</span></label>
								  <div class="col-sm-5">
									<a href="" id="thumb-image{{ whatsapp_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ setting['thumb'] }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a><input type="hidden" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][image]" value="{{ setting['image'] }}" id="input-image{{ whatsapp_row }}" />
								  </div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-button_label"><span title="Greeting Message">Greeting Message</span></label>
									<div class="col-sm-5">
										<ul class="nav nav-tabs" id="languagexx{{ whatsapp_row }}">
											{% for language in languages %}
												<li><a href="#languagexx{{ language['language_id'] }}{{ whatsapp_row }}" 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="languagexx{{ language['language_id'] }}{{ whatsapp_row }}">
													<textarea class="form-control" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][language][{{ language['language_id'] }}][message]">{{ setting['language'][language['language_id']]['message'] ? setting['language'][language['language_id']]['message'] }}</textarea>
												</div>
											{% endfor %}
										</div>
									</div>
								</div>
								<div class="form-group">
								 <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
								 <div class="col-sm-5">
								   <select name="module_ebwhatappchat_settings[{{ whatsapp_row }}][status]" id="input-status" class="form-control">
									 {% if setting.status==1 %}
									 <option value="1" selected="selected">Online</option>
									 <option value="2">Offline</option>
									 <option value="3">Set Schedule For Online</option>
									 <option value="0">Hide</option>
									 {% elseif setting.status==2 %}
									 <option value="1">Online</option>
									 <option value="2" selected="selected">Offline</option>
									 <option value="3">Set Schedule For Online</option>
									 <option value="0">Hide</option>
									 {% elseif setting.status==3 %}
									 <option value="1">Online</option>
									 <option value="2">Offline</option>
									 <option value="3" selected="selected">Set Schedule For Online</option>
									 <option value="0">Hide</option>
									 {% elseif setting.status==0 %}
									 <option value="1">Online</option>
									 <option value="2">Offline</option>
									 <option value="3">Set Schedule For Online</option>
									 <option value="0" selected="selected">Hide</option>
									 {% endif %}
								   </select>
							     </div>
							   </div>
							 
								<div class="table-responsive hide whatsappstatus3{{whatsapp_row}}">
									<table class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
											  <td class="text-left">{{ entry_weekend }}</td>
											  <td class="text-left">{{ entry_start }}</td>
											  <td class="text-right">{{ entry_end }}</td>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class="text-left" style="width: 25%;">
													<div class="well well-sm" style="height: 150px; overflow: auto;">
														{% for key,week in weeks %}
														<div class="checkbox">
														  <label>
															{% if week in setting.weekofdays %}
																<input type="checkbox" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][weekofdays][]" value="{{ week }}" checked="checked" />
															{{ week }}
															{% else %}
																<input type="checkbox" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][weekofdays][]" value="{{ week }}" />
															{{ week }}
															{% endif %}
														  </label>
														</div>
														{% endfor %}
													</div>
												</td>
												<td class="text-left" style="width: 25%;">
													<div class="input-group time">
														<input type="text" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][start]" value="{{ setting.start }}" placeholder="{{ entry_start }}" data-time-format="HH:mm" class="form-control" />
														<span class="input-group-btn">
															<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
														</span>
													</div>
												</td>
												<td class="text-left" style="width: 25%;">
													<div class="input-group time">
														<input type="text" name="module_ebwhatappchat_settings[{{ whatsapp_row }}][end]" value="{{ setting.end }}" placeholder="{{ entry_end }}" data-time-format="HH:mm" class="form-control" />
														<span class="input-group-btn">
															<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
														</span>
													</div>
												</td>
											</tr>
										</tbody>
								     </table>
							   </div>			   
							</div>
							<script>
							 $('select[name="module_ebwhatappchat_settings[{{ whatsapp_row }}][status]"]').on('change',function(){
								  if(this.value==1){
									  $('.whatsappstatus0{{whatsapp_row}}').removeClass('hide');
									  $('.whatsappstatus1{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus2{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus3{{whatsapp_row}}').addClass('hide');
								  }else if(this.value==2){
									  $('.whatsappstatus0{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus1{{whatsapp_row}}').removeClass('hide');
									  $('.whatsappstatus2{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus3{{whatsapp_row}}').addClass('hide');
								  }else if(this.value==0){
									  $('.whatsappstatus0{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus1{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus2{{whatsapp_row}}').removeClass('hide');
									  $('.whatsappstatus3{{whatsapp_row}}').addClass('hide');
								  }else if(this.value==3){
									  $('.whatsappstatus0{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus1{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus2{{whatsapp_row}}').addClass('hide');
									  $('.whatsappstatus3{{whatsapp_row}}').removeClass('hide');
								  }
							  });
							  {% if setting.status==3 %}
								$('select[name="module_ebwhatappchat_settings[{{ whatsapp_row }}][status]"]').trigger('change');
							{% endif %}

							</script>
							<script>
							$('#languagex{{ whatsapp_row }} a:first').tab('show');
							$('#languagexx{{ whatsapp_row }} a:first').tab('show');
							$('#languagexxx{{ whatsapp_row }} a:first').tab('show');
							</script>
							{% set whatsapp_row = whatsapp_row+1 %}
						{% endfor %}
						</div>
					 </div>
				 </div>
			 </div>
			  <div class="tab-pane" id="tab-design_layout">
				 <div class="form-group">
					<label class="col-sm-2 control-label" for="input-top-status">{{ entry_position }}</label>
					<div class="col-sm-10">
						<div class="btn-group" data-toggle="buttons">
							<label class="btn btn-success btn-sm {% if module_ebwhatappchat_position  %} active {% endif %}" >	
								<input type="radio" {% if module_ebwhatappchat_position  %} checked="checked" {% endif %} name="module_ebwhatappchat_position"  value="1" autocomplete="off">{{text_left}}
							</label>
							<label class="btn btn-success btn-sm {% if not module_ebwhatappchat_position  %} active {% endif %}">
								<input type="radio" {% if not module_ebwhatappchat_position  %} checked="checked" {% endif %} name="module_ebwhatappchat_position"  value="0" autocomplete="off">{{text_right}}
							</label>
						</div>
					</div>
				  </div>
				  <div class="form-group">
					<label class="col-sm-2 control-label" for="input-button-layout">{{ entry_button_layout }}</label>
					<div class="col-sm-10">
						<div class="btn-group" data-toggle="buttons">
							<label class="btn btn-success btn-sm {% if module_ebwhatappchat_button_layout  %} active {% endif %}" >	
								<input type="radio" {% if module_ebwhatappchat_button_layout  %} checked="checked" {% endif %} name="module_ebwhatappchat_button_layout"  value="1" autocomplete="off">{{text_square}}
							</label>
							<label class="btn btn-success btn-sm {% if not module_ebwhatappchat_button_layout  %} active {% endif %}">
								<input type="radio" {% if not module_ebwhatappchat_button_layout  %} checked="checked" {% endif %} name="module_ebwhatappchat_button_layout"  value="0" autocomplete="off">{{text_round}}
							</label>
						</div>
					</div>
				  </div>
				  <div class="form-group">
					<label class="col-sm-2 control-label" for="input-button-color">{{ entry_button_color }}</label>
					<div class="col-sm-6">
						<input type="text"  class="color form-control" name="module_ebwhatappchat_button_color" value="{{ module_ebwhatappchat_button_color }}" placeholder="{{ entry_button_color }}" class="form-control" />
					</div>
				 </div>
				 <div class="form-group">
					<label class="col-sm-2 control-label" for="input-button-font-color">{{ entry_button_fontcolor }}</label>
					<div class="col-sm-6">
						<input type="text"  class="color form-control" name="module_ebwhatappchat_button_fontcolor" value="{{ module_ebwhatappchat_button_fontcolor }}" placeholder="{{ entry_button_fontcolor }}" class="form-control" />
					</div>
				 </div>
			  </div>
		   </div>
        </form>
      </div>
    </div>
  </div>
  
 
</div>
<link href="view/javascript/colorpicker/css/bootstrap-colorpicker.css" rel="stylesheet"/>
<script src="view/javascript/colorpicker/js/colorpicker-color.js"></script>
<script src="view/javascript/colorpicker/js/colorpicker.js"></script>
<script src="view/javascript/colorpicker/js/docs.js"></script>
<script>
	$(function(){
		$('.color').colorpicker();
	});
	
	$('.time').datetimepicker({
		pickDate: false
	});
</script>
<script src="view/javascript/whatsapp/jquery-ui.js"></script>
<script type="text/javascript"><!--
whatsapprowid=$(this).attr('rel');

var whatsapp_row = {{ whatsapp_row }};

function addwhatsapp() {
	html  = '<div class="tab-pane" id="tab-whatsapp' + whatsapp_row + '">';
	html += '<div class="form-group">';
	html += ' <label class="col-sm-2 control-label" for="input-button_label"><span data-toggle="tooltip" title="whatsapp Title">Title</span></label>';
	html += '<div class="col-sm-5">';
	html += '<ul class="nav nav-tabs" id="languagex'+whatsapp_row+'">';
	{% for language in languages %}
	html += '<li><a href="#languagex{{ language.language_id }}'+whatsapp_row+'" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />{{ language.name }}</a></li>';
	{% endfor %}
	html += '</ul>';
	html += '		 <div class="tab-content">';
	{% for language in languages %}
	html += '<div class="tab-pane" id="languagex{{ language.language_id }}'+whatsapp_row+'">';
	html += '<input type="text" class="form-control" name="module_ebwhatappchat_settings[' + whatsapp_row + '][language][{{ language.language_id }}][title]" value=""/>';
	html += '</div>';
	{% endfor %}
	html += '	</div>';
	html += ' </div>';
	html += '  </div>';
	html += '<div class="form-group">';
	html += '<label class="col-sm-2 control-label" for="input-Whatsapp"><span  title="Add Whatsapp Number With Country Code (+1 XXXXXXX)">Whatsapp Number</span></label>';
	html += '<div class="col-sm-5">';
	html += '<input type="text" class="form-control" name="module_ebwhatappchat_settings[' + whatsapp_row + '][number]" value=""/>';
	html += '</div>';
	html += '</div>';
	html += '<div class="form-group">';
	html += ' <label class="col-sm-2 control-label" for="input-button_label-name"><span data-toggle="tooltip" title="Name">Person Name</span></label>';
	html += '<div class="col-sm-5">';
	html += '<ul class="nav nav-tabs" id="languagexxx'+whatsapp_row+'">';
	{% for language in languages %}
	html += '<li><a href="#languagexxx{{ language.language_id }}'+whatsapp_row+'" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />{{ language.name }}</a></li>';
	{% endfor %}
	
	html += '			 </ul>';
	html += '		 <div class="tab-content">';
	{% for language in languages %}
	html += '<div class="tab-pane" id="languagexxx{{ language.language_id }}'+whatsapp_row+'">';
	html += '<input type="text" class="form-control" name="module_ebwhatappchat_settings[' + whatsapp_row + '][language][{{ language.language_id }}][name]" value=""/>';
	html += '</div>';
	{% endfor %}
		
	html += '	</div>';
	html += ' </div>';
	html += '  </div>';
	html += '<div class="form-group">';
    html += ' <label class="col-sm-2 control-label" for="input-Whatsapp"><span  title="Add Profile Image">Profile Image</span></label>';
    html += '<div class="col-sm-5">';
	html += '<a href="" id="thumb-image' + whatsapp_row + '"data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a><input type="hidden" name="module_ebwhatappchat_settings[' + whatsapp_row + '][image]" value="" id="input-image' + whatsapp_row + '" />';
    html += '</div>';
    html += '</div>';
	html += '<div class="form-group">';
	html += ' <label class="col-sm-2 control-label" for="input-button_label"><span title="Greeting Message">Greeting Message</span></label>';
	html += '<div class="col-sm-5">';
	html += '<ul class="nav nav-tabs" id="languagexx'+whatsapp_row+'">';
	{% for language in languages %}
	html += '<li><a href="#languagexx{{ language.language_id }}'+whatsapp_row+'" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />{{ language.name }}</a></li>';
	{% endfor %}
	html += '</ul>';
	html += '<div class="tab-content">';
	{% for language in languages %}
	html += '<div class="tab-pane" id="languagexx{{ language['language_id'] }}'+whatsapp_row+'">';
	html += '<textarea class="form-control" name="module_ebwhatappchat_settings[' + whatsapp_row + '][language][{{ language['language_id'] }}][message]"></textarea>';
	html += '</div>';
	{% endfor %}
		
	html += '	</div>';
	html += ' </div>';
	html += '  </div>';
	
	html += '<div class="form-group">';
    html += ' <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>';
    html += '<div class="col-sm-5">';
    html += ' <select name="module_ebwhatappchat_settings[' + whatsapp_row + '][status]" id="input-status" class="form-control">';
    html += ' <option value="1" selected="selected">Always Online</option>';
    html += ' <option value="2">Always Offline</option>';
    html += ' <option value="3">Set Schedule For Online</option>';
    html += ' <option value="0">Hide</option>';
    html += '</select>';
    html += ' </div>';
    html += '</div>';
	
	html += '<div class="table-responsive hide whatsappstatus3'+whatsapprowid+'">';
	html += '<table class="table table-striped table-bordered table-hover">';
	html += '<thead>';
	html += '<tr>';
	html += '<td class="text-left">{{ entry_weekend }}</td>';
	html += '<td class="text-left">{{ entry_start }}</td>';
	html += '<td class="text-left">{{ entry_end }}</td>';
	html += '</tr>';
	html += '</thead>';
	html += '<tbody>';
	html += '<tr>';
	html += '<td class="text-left">';
	html += '<div class="well well-sm" style="height: 150px; overflow: auto;">';
	{% for week in weeks %}
	html += '<div class="checkbox">';
	html += '<label>';
	html += '<input type="checkbox" checked="checked" name="module_ebwhatappchat_settings[' + whatsapp_row + '][weekofdays][]" value="{{ week }}" /> {{ week }}';
	html += '</label>';
	html += '</div>';
	{% endfor %}
	html += '</div>';
	html +='</td>';
	html += '<td class="text-left">';
	html += '<div class="input-group time"><input type="text" name="module_ebwhatappchat_settings[' + whatsapp_row + '][start]" value="" placeholder="{{ entry_start }}" data-time-format="HH:mm" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div>';
	html +='</td>';
	html += '<td class="text-left">';
	html += '<div class="input-group time"><input type="text" name="module_ebwhatappchat_settings[' + whatsapp_row + '][end]" value="" placeholder="{{ entry_end }}" data-time-format="HH:mm" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div>';
	html +='</td>';
	html += '</tr>';
	html += '</tbody>';
	html += '</table>';
	html += '</div>';
	
	
	
	html += '</div>';

	$('#tab-configuration .content-whatsapp').append(html);

	$('#whatsapp-add').before('<li><a href="#tab-whatsapp' + whatsapp_row + '" data-toggle="tab"><i class="fa fa-minus-circle" onclick="$(\'#whatsapp a:first\').tab(\'show\'); $(\'a[href=\\\'#tab-whatsapp' + whatsapp_row + '\\\']\').parent().remove(); $(\'#tab-whatsapp' + whatsapp_row + '\').remove();"></i> {{ tab_whatsapp }} ' + whatsapp_row + '<i style="float:right;" class="fa fa-arrows" aria-hidden="true"></i></a><input type="hidden" class="mydragsort" name="module_ebwhatappchat_settings['+ whatsapp_row +'][sort_order]" value="0"/></li>');

	$('#whatsapp a[href=\'#tab-whatsapp' + whatsapp_row + '\']').tab('show');
	
	$('select[name="module_ebwhatappchat_settings[' + whatsapp_row + '][status]"]').on('change',function(){
		if (this.value == 3) {
			 $('.whatsappstatus3'+whatsapprowid+'').removeClass('hide');
		} else {
			 $('.whatsappstatus3'+whatsapprowid+'').addClass('hide');
		}	  
	});
	
	$('#languagex'+whatsapp_row+' a:first').tab('show');
	$('#languagexx'+whatsapp_row+' a:first').tab('show');
	$('#languagexxx'+whatsapp_row+' a:first').tab('show');
	
	$("#whatsapp").sortable({
		cursor: "move",
		stop: function() {
			$('#whatsapp li').each(function() {
				$(this).find('.mydragsort').val($(this).index());
			});
		}
	});
	
	$('.time').datetimepicker({
		pickDate: false
	});
$('[rel=tooltip]').tooltip();
	whatsapp_row++;
}

	$("#whatsapp").sortable({
		cursor: "move",
		stop: function() {
			$('#whatsapp li').each(function() {
				$(this).find('.mydragsort').val($(this).index());
			});
		}
	});
	
	
	function deletetab(rowid){
	  var element = document.getElementById("tab-whatsapp"+rowid);
	  element.parentNode.removeChild(element);
	}
//--></script>
<script type="text/javascript"><!--
$('#language a:first').tab('show');
$('#whatsapp a:first').tab('show');
$('#languagedesc a:first').tab('show');
//--></script>
{{ footer }}