{header}

<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/city_options.php">{l_menu_city_options}</a>
					</li>
					<li class="breadcrumb-item active">
						{l_title_current}
					</li>
				</ol>
			</div>
		</div>
	</div>
</div>

{menu_page}

<div class="alert alert-success border-0 alert-dismissible mb-2-1" role="alert">{l_changes_save}</div>
<div class="alert alert-danger alert-dismissible mb-2-1" role="alert">{l_changes_delete}</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">
						<form action="{url_page}" method="POST">
							<input type="hidden" name="cmd" value="update">
							{config_fields}

							<fieldset class="form-group mt-2">
								<div class="wrap_button">
									<button class="btn btn-primary btn_submit" type="submit">{l_save}</button>
								</div>
							</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_street_chat_options}</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 id="frm_platform" action="{url_page}" method="POST">
							<input type="hidden" name="cmd" value="update_platform">

							<!-- begin_item -->
							<div class="bl_pl_city skin skin-flat">
								<img src="{url_main}_server/city_js/tmpl/common/platform/pl_{id}.png"/>
								<label for="pl_city_{id}" class="mt-1">
									{l_active}
									<input id="pl_city_{id}" class="form-check-input i_checkbox pl_activated" type="checkbox" name="activated[{id}]" {checked}>
								</label>
								<input class="form-control platform" type="number" min="1" max="10" name="platform[{id}]" value="{num}">
							</div>
							<!-- end_item -->

							<fieldset class="form-group mt-2">
								<div class="wrap_button">
									<button class="btn btn-primary btn_submit" type="submit">{l_save}</button>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(function(){
	var $input=$('.platform'),isError=false;
	$('#frm_platform').submit(function(){
		isError=0;
		$input.each(function(){
			var val=parseInt(this.value, 10);
			if(val!=this.value){
				isError=true;
				$(this).focus();
				alertCustom('{j_the_number_of_users_should_be_more}');
			}else if(val<1){
				isError=true;
				$(this).focus();
				alertCustom('{j_the_number_of_users_should_be_more}');
			}else if(val>10){
                isError=true;
                $(this).focus();
                alertCustom('{j_the_number_of_users_should_be_more}');
            }
		})
        if (!isError && !$('.pl_activated:checked')[0]) {
            alertCustom('{j_please_activate_at_least_one_platform}');
            isError=true;
        }
		if (isError) {
			return false;
		}
	})
})
</script>

{footer}