<style>
    #map {
  height: 400px;
}

/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}



</style>
<div class="app-content pt-3 p-md-3 p-lg-3">
    <div class="container-xl">

        <div class="row g-3 mb-4 align-items-center justify-content-between">
            <div class="col-auto">
                <h1 class="app-page-title mb-0">Edit Landscape </h1>
            </div>
            <div class="col-auto">
                <div class="page-utilities">
                    <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                        <!--//col-->
                        <div class="col-auto">
                            <a class="btn app-btn-secondary" href="<?= base_url('admin/terrain'); ?>">
                                VIEW ALL LANDSCAPES 
                            </a>
                        </div>
                    </div>
                    <!--//row-->
                </div>
                <!--//table-utilities-->
            </div>
            <!--//col-auto-->
        </div>
        <!--//row-->

        <div class="app-card app-card-settings shadow-sm p-4">

            <form class="settings-form" method="post" action="<?= base_url('admin/terrain/update_terrain'); ?>" enctype="multipart/form-data" autocomplete="off">
            <input type="hidden" name="terrain_id" value="<?=$terrain['terrain_id'];?>">

                <div class="app-card-body">
                        <div class="row g-3">
                            <div class="col-lg-6 col-sm-12 col-md-6 mb-3">
                                <label for="terrain_name" class="form-label">Define Landscape Name <span class="asterisk"> *</span></label>
                                <input type="text" class="form-control" name="terrain_name" placeholder="Define Terrain Name" value="<?= $terrain['terrain_name'];?>" required>
                                
                            </div>
                            <div class="col-lg-4 col-sm-12 col-md-6 mb-3">
                                <label for="" class="form-label">Image<span class="asterisk"> *</span></label>
                                <input type="file" class="form-control" name="landscape_image">
                                </div>
                                <div class="col-lg-2 col-sm-12 col-md-6 mb-3">
                                <input type="hidden" class="form-control" name="landscape_image_old" value="<?= $terrain['landscape_image'] ?>">
                                <img src="<?= base_url() . 'public/admin_images/landscape_images/' . $terrain['landscape_image'] ?>" width="50%" alt="Profile Picture" style="margin-top:21px">
                            </div>
                            <div class="col-lg-4 col-sm-12 col-md-6 mb-3">
                                <label for="status" class="form-label">Status<span class="asterisk"> *</span></label>
                                <select name="status" class="form-select" id="" required>
                                    <option value="1" <?= $terrain['is_active'] == '1' ? 'selected' : ''; ?>>Active</option>
                                    <option value="0" value="0" <?= $terrain['is_active'] == '0' ? 'selected' : ''; ?>>Inactive</option>
                                </select>
                            </div>

                        </div>
                       
                </div>

                <button type="submit" class="btn app-btn-primary">SUBMIT</button>
                            <a class="btn app-btn-danger" href="<?= base_url('admin/terrain'); ?>">CANCEL</a>
            </form>
        </div>
        <!--//app-card-body-->

    </div>
</div>