<!-- Full Width Column -->
  <div class="content-wrapper">

    <div class="container">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
          Detail Area Camping
        </h1>
        
      </section>
   <div class="row">
      <div class="col-md-10">
         <div class="card shadow mt-4" style="max-width: 840px;">
            <div class="row no-gutters">
               <div class="col-md-4">
                  <img src="<?= base_url('public/img/upload/') . $area['gambar']; ?>" class="card-img" style="width: 280px;">
               </div>
               <div class="col-md-8">
                  <div class="card-body">
                     <h2 class="card-title"><?= $area['blok'] ?></h2>
                     <p class="card-text">Rp. <?= number_format($area['harga']);  ?></p>
                     <p class="card-text"><small class="text-muted">Keterangan </small></p>
                  </div>
                  <div class="card-footer">
                     <div class="d-inline">
                        <p class="card-text"><?=$area['keterangan'];  ?></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <a class="btn btn-danger mt-3" href="<?= base_url('snap/beranda') ?>">Kembali</a>
      </div>
   </div>
</div>
</div>