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

{menu_page}

<div class="content-body">

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

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title"><!-- begin_add_gift_title -->{l_title_current}<!-- end_add_gift_title --><!-- begin_edit_gift_title -->{l_edit_gift}<!-- end_edit_gift_title --></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">
						<!-- begin_gift_item -->
						<form id="frm_gift" action="{url_page}" name="frm_gift" enctype="multipart/form-data" method="POST">
							<!-- begin_add_form -->
							<input id="cmd" type="hidden" name="cmd" value="add">
							<!-- end_add_form -->
							<!-- begin_edit_form -->
							<input id="cmd" type="hidden" name="cmd" value="edit">
							<input type="hidden" name="id" value="{id}">
							<fieldset class="form-group">
								<img src="{url_gift}">
							</fieldset>
							<!-- end_edit_form -->

							<fieldset class="form-group">
								<label>{l_style_set}:</label>
								<select name="set" class="form-control">{set_opts}</select>
							</fieldset>

							<fieldset class="form-group">
								<label>{l_credits}:</label>
								<input id="credits" type="text" name="credits" value="{credits}" class="form-control">
							</fieldset>

							<fieldset class="form-group">
								<label>{l_image}:</label>
								<input id="img" class="upload" type="file" name="img">
							</fieldset>

							<fieldset class="form-group mt-3">
								<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>
						<!-- end_gift_item -->

						<!-- begin_no_gifts -->
						<div class="alert alert-light mb-2 alert-info-1" role="alert">
                            {l_no_results}
                        </div>
						<!-- end_no_gifts -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<script>
$(function() {
    $('#frm_gift').submit(function(){
        var mask = /^-?[0-9]*(\.)?[0-9]*$/;
        var credits=$('#credits'),price=credits.val()*1;
        if ($('#cmd').val()=='add' && $('#img').val()=='') {
            alertCustom('{j_picture_gift_not_selected}');
            return false;
        } else if (Math.max(0,price)!==price||Math.ceil(price)!==price) {
            console.log(Math.max(0,price),price,Math.ceil(price),price);
            alertCustom('{j_error_credits}');
            credits.focus();
            return false;
        }
    })
})
</script>

{footer}