{header}

<script type="text/javascript" src="{url_tmpl_administration}js/language_translator.js{cache_version_param}"></script>

<div class="content-header row">
	<div class="content-header-left col-md-4 col-12 mb-2">
		<h3 class="content-header-title">{l_title_current}</h3>
	</div>
	<div class="content-header-right col-md-8 col-12">
		<div class="breadcrumbs-top float-md-right">
			<div class="breadcrumb-wrapper mr-1">
				<ol class="breadcrumb">
					<li class="breadcrumb-item">
						<a href="{url_main}administration/automail.php">{l_menu_auto_mail}</a>
					</li>
					<li class="breadcrumb-item active">
						{l_title_current}
					</li>
				</ol>
			</div>
		</div>
	</div>
</div>

{menu_page}

<div class="content-body">
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">
						{l_langs_list}
					</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<form class="frm_change_language">
							<select class="select2 form-control select_change_language">
								<!-- begin_language -->
								<!-- begin_language_link -->
								<option value="{url_main}administration/automail.php?lang={language_value}">{language_title}</option>
								<!-- end_language_link -->
								<!-- begin_language_active -->
								<option selected value="{url_main}administration/automail.php?lang={language_value}">{language_title}</option>
								<!-- end_language_active -->
								<!-- end_language -->
							</select>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="content-body">

	<div class="alert alert-success border-0 alert-dismissible mb-2-1" role="alert">{l_changes_save}</div>

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_title_logo}</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<script>
						$(function() {
							var $img,${block}Frm=$('#{block}_form'),
								${block}File=${block}Frm.find('input.upload'),
								${block}Sbm=$('#update{block}'),
								${block}BtnDisabled=${block}Frm.find('.btn_disabled'),
								${block}Delete=${block}Frm.find('#delete'),
								${block}Cmd=${block}Frm.find('#cmd{block}');

							${block}File.change(function(){
								${block}Sbm.html('<span>{j_upload}</span>')
							});

							${block}Frm.ajaxForm({
								beforeSubmit: function(a,f,o) {
									if (${block}Cmd.val() != 'delete_{block}'){
										if(!trim(${block}File.val()) && !$('#dpz-file{block}').val()){
											return false;
										}
									} else {
										_dzReset('{block}');
									}
									$img=$('#{block}_output').find('img');
									$('#{block}_output').html('{j_submitting}');

									${block}BtnDisabled.prop('disabled', true);
									${block}Sbm.addChildrenLoader();
								},
								success: function(data) {
									var url = '{url_logo}';
									${block}BtnDisabled.prop('disabled', false);
									${block}Sbm.removeChildrenLoader();

									try {
										var obj = jQuery.parseJSON(data),$out = $('#{block}_output');
										if (obj.status == 0 || obj.url == '') {
											$out.html('').append($img);
											alertCustom(obj.msg);
										} else {
											url = obj.url;
											var $imgNew=$('<img src="'+url+'?' + Math.random() + '" alt=""/>').fadeTo(1,0).load(function(){
												$(this).fadeTo(100,1);
												//_dzReset('{block}');
											});
											$out.html('').append($imgNew);
											if (${block}Cmd.val() != 'delete_{block}'){
												if (typeof obj.width != 'undefined' && typeof obj.height != 'undefined') {
													$('#{block}_form').find('.logo_width').val(obj.width).end()
																	  .find('.logo_height').val(obj.height);
												}
												${block}Sbm.html('<span>{j_update_size}</span>');
											}
										}
									} catch (err) {
										alertCustom('{j_file_type_is_incorrect}');
									}
								}
							})

							_dzSetReaderOnLoad('{block}', function(){
								$('#update{block}').html('<span>{j_drop_image_publish}</span>');
							})

							_dzSetReaderDelete('{block}', function(){
								$('#update{block}').html('<span>{j_upload}</span>');
							})
						})

						function confirmCustom{block}(){
							confirmCustom('{j_are_you_sure}', function(){
								$('#cmd{block}').val('delete_{block}');
								$('#{block}_form').submit();
							})
						}
						</script>

						<form id="{block}_form"  action="{url_page}" method="POST" enctype="multipart/form-data">
							<input type="hidden" id ="cmd{block}" name="cmd" value="update_{block}">
							<div id="{block}_output" class="block_logo">
								<img src="{url_logo}?rand={rand}" alt=""/>
							</div>

							<!-- begin_logo_block_params -->
							<div class="row">
								<fieldset class="form-group col-md-6">
									<label>{l_width}<span>({l_px})</span></label>
									<input class="form-control" type="text" maxlength="3" name="{block}_width" value="{logo_width}">
								</fieldset>
								<fieldset class="form-group col-md-6">
									<label>{l_height}<span>({l_px})</span></label>
									<input class="form-control" type="text" maxlength="3" name="{block}_height" value="{logo_height}">
								</fieldset>
							</div>
							<!-- end_logo_block_params -->

							<!--<fieldset class="form-group">
								<input class="upload" type="file" name="logo"/>
							</fieldset>-->

							<fieldset class="form-group upload-single-file">
								<div id="dpz-upload-single-icon" data-name="{block}" class="dropzone dropzone-area dpz-upload-single-icon">
									<input id="dpz-file{block}" class="image-data-url" type="hidden" name="logo_data" value="">
								</div>
							</fieldset>
							<fieldset class="form-group">
								<button class="btn btn-primary btn_disabled" type="submit" id="update{block}" onClick="$('#cmd{block}').val('update_{block}');">
									<span>{l_upload}</span>
								</button>
								<!-- begin_delete -->
								<button class="btn btn-secondary ml-1 btn_disabled" type="submit" id="delete{block}" onClick="confirmCustom{block}(); return false;">{l_delete}</button>
								<!-- end_delete -->
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="content-body">

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_title_current}</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">

						<div class="alert alert-danger alert-dismissible mb-2-1" role="alert">{message_auto}</div>

						<form action="{url_page}?lang={lang}" method="POST">
							<input type="hidden" name="cmd" value="edit">

						<!-- begin_autotranslator_header -->
						<div class="mb-2">
							{l_translate_from_capital}
							<select name="translate_from" id="translate_from" class="form-control w-25 select_translate">
								{translate_from}
							</select>
							{l_translate_to}
							<select name="translate_to" id="translate_to" class="form-control w-25 select_translate">
								{translate_to}
							</select>

							<fieldset class="form-group mt-1 mb-2">
								<button id="translate_all_button" title="{l_google_translate_is_used}" class="btn btn-primary translate_all_button" onclick="adminLanguageTranslator.translateAll(); return false;">
									<span class="status">{l_translate}</span>
								</button>
							</fieldset>
						</div>
						<!-- end_autotranslator_header -->

							<fieldset class="form-group">
								<label>{l_signature}:</label>
								<input type="text" name="option[{lang}]" value="{signature}" class="form-control translateable" id="signature">
							</fieldset>
							<fieldset class="form-group">
								<label>{l_template}:</label>
								<textarea name="option[template]" class="form-control h_400">{template}</textarea>
							</fieldset>
							<fieldset class="form-group">
								<div class="wrap_button">
									<button class="btn btn-primary btn_submit" type="submit">{l_save}</button>
									<div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{footer}