<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/hotels/landing_page/' . $this->session->userdata('hotel_id')); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Beranda</a></p><br>
        <h2>Halaman Fasilitas</h2>
        <p style="text-transform:uppercase;"><?= $this->session->userdata('hotel_name'); ?></p>
        <?= $this->session->flashdata('success'); ?> 
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->

<div class="row">
    <div class="col-sm-12">
        <br>
        <p><?= anchor('admin/hotel_pages/add', '<i class="fa fa-plus" aria-hidden="true"></i> BUAT HALAMAN BARU'); ?></p> 
    </div>
</div> 

<div class="row">
    <div class="col-sm-12">
       <div class="table-responsive">  
       <table class="table table-striped">
        <thead> 
            <tr>
                <th>Judul Halaman</th> 
                <!-- <th>Parent Page</th> -->
                <!-- <th>Ordering</th> -->
                <th>Tampilkan ?</th>
                <th>Edit</th>
                <th>Hapus</th>
                
            </tr>
        </thead>
        <tbody>
            <?php if(count($hotel_pages)) : ?> 
            <?php foreach($hotel_pages as $page): ?>
                <tr>
                    <td><?= ucfirst($page->page_title); ?></td> 
                    <td>
                        <?php if ($page->status == 1) { ?>

                            <button onclick="exchangeStatusAct('tidak',<?= $page->id_hotel_pages; ?>);" type="button" style="border:none; background: transparent;">
                                <span style="padding: 5px; border-radius: 5px; background: silver;">Ya</span>
                                <span style="padding: 5px; border-radius: 5px; ">Tidak</span>                           
                            </button>

                        <?php } else { ?>

                            <button onclick="exchangeStatusAct('ya',<?= $page->id_hotel_pages; ?>);" type="button" style="border:none; background: transparent;">
                                <span style="padding: 5px; border-radius: 5px; ">Ya</span>
                                <span style="padding: 5px; border-radius: 5px; background: silver;">Tidak</span>                           
                            </button>

                        <?php } ?> 
                    </td>
                    
                    <td>
                    <?= bt_edit('admin/hotel_pages/edit/' . $page->id_hotel_pages); ?>&nbsp;|&nbsp;
                    <a href="<?= base_url(); ?>admin/hotel_pages/hotel_pages_gallery/<?= $page->id_hotel_pages; ?>"><i class="fa fa-camera" aria-hidden="true"></i></a>
                    </td>
                    <td> 
                        <?= bt_delete('admin/hotel_pages/delete/' . $page->id_hotel_pages); ?>
                    </td>
                </tr>
            <?php endforeach; ?>
            <?php else: ?>
                <tr>
                <td colspan="3">Halaman tidak ditemukan.</td>
                </tr>
            <?php endif; ?>

        </tbody> 
    </table>
    </div><!-- end table class responsive -->
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->    

<script>
    function exchangeStatusAct(earlyStat,this_id){
        var toStat = '';
        var csrfHash = '<?= $this->security->get_csrf_hash(); ?>';

        if (earlyStat == 'ya') {
            toStat = 'Ya';
        }else{
            toStat = 'Tidak';
        }
        
        $.ajax({
            'url'  : "<?= base_url('admin/hotel_pages/changeStatusAct'); ?>",
            'type' : 'POST',  
            'dataType' :'json', 
            'data' : {
                      'this_id' : this_id,
                      'toStat' : toStat,   
                      'csrftestname' : csrfHash
                    }, 
            'success'   : function(res) {
                if (res.res == 'sukses') {
                    // alert('Successfully');
                    location.reload();
                }
            }
        });
    }
</script>