<div class="sgcontainer">
	<?php include_once('headerMenu.php') ;?>
    <div id="avanak-content" class="sgrow">
        <div class="setting-page">
			<h2 class="hndle"><span class="yekan">مدیریت شماره گیر</span></h2>
			<div class="inside">
				<div class="main" style="height:150px">
					<form id="loginForm" method="post" action="#" class="validate rtl">
						<div style="width:100%;float:right">
							<div style="width:50%;float:right">
								<div class="form-field">
									<label>فایل صوتی</label>
									<?php _e($selectList) ?>
								</div>
							</div>
							<div style="width:50%;float:right">
								<div class="form-field">
									<label>آدرس سرور</label>
									<select name="serverId" class="yekan fw">
										<option value="0" data-value="<?php echo $serverId;?>">هوشمند</option>
									</select>
								</div>
							</div>
							<br>
							<div class="form-field term-slug-wrap clearfix">
								<p class="submit"><span onclick="AvanakDieller()" class="button-primary yekan text-normal pull-left">ذخیره</span></p>
							</div>
						</div>
						<input type="hidden" name="action" value="dillerSave">
					</form>
					<div class="userStatusPlace yekan" style="text-align: center"></div>
					<p class="yekan text-center" style="font-size: 14px">برای تغییر فایل صوتی کافی است دکمه ذخیره را بزنید</p>
					<div class="yekan text-center" style="font-size: 14px">
						برای استفاده از این پلاگین در صفحه خود از کد <br>
						<span style="text-align: center">[wp_callsound_dialler_form]</span><br>
						استفاده نمایید
					</div>
				</div>
			</div>
		</div>
    </div>
</div>
<div id="dialog-avanak"></div>
<style>
	form#loginForm{
		display:flex;
	}
</style>
<script>
    function AvanakDieller() {
        $.ajax({
            type: "POST",
            url: "/wp-admin/admin-ajax.php",
            data: $("#loginForm").serialize(),
            success: function (d) {
                if (d == 'ok') {
                    $(".userStatusPlace").html('تنظیمات با موفقیت ذخیره شد');
                } else {
                    $(".userStatusPlace").html(d);
                }

            }
        });
    }
</script>