{header}

<script type="text/javascript" src="{url_tmpl_administration}js/jquery.validate.js{cache_version_param}"></script>
<script type="text/javascript" src="{url_main}_server/jquery/jquery.location.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/places_results.php">{l_menu_places}</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>
	
	<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">
						<h5>
							{place_name}:
							<a href="{url_main}administration/places_reviews.php?place_id={place_id}">{l_edit_reviews}</a>
						</h5>
						<hr class="mb-2">

						<form method="POST" id="place_edit_form" action="{url_main}administration/places_edit.php?cmd=update&id={place_id}">
							<div class="row">
								<fieldset class="form-group col-md-6">
									<label>{l_category}:</label>
									<select name="category" class="form-control">
									{category_options}
									</select>
								</fieldset>
								<fieldset class="form-group col-md-6">
									<label>{l_place_name}:</label>
									<input class="form-control" type="text" name="place_name" value="{place_name}">
								</fieldset>
							</div>
							<fieldset class="form-group">
								<label>{l_place_about}:</label>
								<textarea name="place_about" id="place_about" class="form-control h_300 mt-2">{place_about}</textarea>
							</fieldset>

							<div class="row">
								<fieldset class="form-group col-md-6">
									<label>{l_place_address}:</label>
									<input class="form-control" type="text" name="place_address" value="{place_address}">
								</fieldset>
								<fieldset class="form-group col-md-6">
									<label>{l_place_phone}:</label>
									<input class="form-control" type="text" name="place_phone" value="{place_phone}">
								</fieldset>
							</div>
							<div class="row">
								<fieldset class="form-group col-md-6">
									<label>{l_place_site}:</label>
									<input class="form-control" type="text" name="place_site" value="{place_site}">
								</fieldset>
								<fieldset class="form-group col-md-6">
									<label>{l_country}:</label>
									<select class="form-control" name="country" id="country">
									{country_options}
									</select>
								</fieldset>
							</div>
							<div class="row">
								<fieldset class="form-group col-md-6">
									<label>{l_state_province}:</label>
									<select class="form-control" name="state" id="state">
									<option value="0">- {l_state_province} -</option>
									{state_options}
									</select>
								</fieldset>
								<fieldset class="form-group col-md-6">
									<label>{l_city}:</label>
									<select class="form-control" name="city" id="city">
									<option value="0">- {l_city} -</option>
									{city_options}
									</select>
								</fieldset>
							</div>

							<!-- begin_photo_edit -->
							<h5 class="mt-3">{l_edit_photos}</h5>
							<hr>
							<script>
							function edit_delete_image(image_id){
								confirmCustom('{j_are_you_sure}',function(){
									$('#place_img_bl_' + image_id).animate({
										width: 0, marginRight:0}, 300, function() {
										$('#place_img_bl_' + image_id).remove();
										$.ajax({
											type: 'POST',
											url: '{url_main}administration/places_place_image_delete_ajax.php',
											data: {
												image_id: image_id
											}
										})

									})
								})
							}
							</script>

							<fieldset class="form-group">
								<!-- begin_photo-->
								<div class="image_list_pl" style="width:80px;" id="place_img_bl_{image_id}">
									<a id="place_img_{image_id}_lb" class="edit_image_gallery" href="{image_file}">
										<img id="place_img_{image_id}" width="80" height="80" src="{image_thumbnail}">
									</a>
									<p class="no_gallery">
										<a onClick="return edit_delete_image({image_id});">{l_delete}</a>
									</p>
								</div>
								<!-- begin_photo_odd-->
								<!-- end_photo_odd-->
								<!-- begin_photo_even-->
								<!-- end_photo_even-->
								<!-- end_photo-->
							</fieldset>
							<!-- end_photo_edit -->


							<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>


<script>
$(function(){
    $("#place_edit_form").validate({
        rules: {
            place_name: "required",
            place_address: "required",
            place_site: "url",
            place_about: "required",
            place_city: {
                required: true,
                min: 1,
                number: true
            }
        },
        messages: {
            place_name: "{j_please_specify_name}",
            place_address: "{j_address_is_required}",
            place_site: "{j_please_enter_correct_url}",
            place_about: "{j_please_enter_about}",
            place_city: "{j_please_select_city}"
        }
    })

	$('#country').location({first_option_state: '- {j_state_province} -', first_option_city: '- {j_city} -', location: 'users_edit.php'});
	$('#state').location({method: 'cities', first_option_city: '- {j_city} -', location: 'users_edit.php'});
})

_initLightbox();
</script>

{footer}