<div class="row">
    <div class="col-sm-12">
         <p><a href="<?= base_url('admin/dashboard'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Beranda</a></p><br>
        <h2>Administrasi Blog</h2>
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?> 
    </div><!-- end class="col-sm-12" --> 
</div> <!-- end row -->  

<?= form_open_multipart(); ?>  
<div class="row">
    <div class="col-sm-3">
        <p>Banner<br>
        <?php if (!empty($blog_landingpage->blog_landingpage_image)) : ?>
            &nbsp;&nbsp;<img style="width:200px; height:auto;" src="<?= base_url() . 'uploads/blog/' . $blog_landingpage->blog_landingpage_image; ?>"  alt="" />
            <br><i class="fa fa fa-trash-o" aria-hidden="true"></i> <a href="<?= base_url() . 'admin/blog/delete_landingpage_image'; ?>">Hapus</a>
        <?php endif; ?></p>  
    </div><!-- end class="col-sm-4" -->

     <div class="col-sm-9">
        <input type="file" name="userfile" size="20" class="btn btn-default btn-file form-control" /> 
            <?php
                //get max image width and height from configuration table
                $this->db->select('*')->from('configuration')->where('id_configuration', 1);
                $image_dimension = $this->db->get()->row();
            ?> 
            <span style="font-size:12px; font-style: italic;">Ukuran gambar harus maksimal <?= $image_dimension->image_banner_width;?>  lebar piksel. <?= $image_dimension->image_banner_height;?> tinggi piksel, jpg / png, maks 1MB</span>
            <span style="color:#F7931E;"><?php echo form_error('userfile'); ?></span>
           <?php echo $this->session->flashdata('banner_error'); //to display error message ?> 
    </div><!-- end class="col-sm-8" -->
</div> <!-- end row -->   

<div class="row" style="display: none;">
    <div class="col-sm-3">
        <p>Tautan Spanduk<br>
          (URL lengkap. Misalnya: http://www.myshop.com/category/running)</p>
    </div><!-- end class="col-sm-4" -->

     <div class="col-sm-9">
        <p>
        <?php 
        $data = array(
          'name'        => 'banner_link',
          'value'       => $blog_landingpage->blog_landingpage_link,
          'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?php echo form_error('banner_link'); ?></p>
    </div><!-- end class="col-sm-8" -->
</div> <!-- end row -->   

<div class="row" style="display:none;">
    <div class="col-sm-3">
        <p>Deskripsi Blog</p>
    </div><!-- end class="col-sm-4" -->

     <div class="col-sm-9">
     <?php   $data = array( 
            'name'        => 'description',
            'class'       => 'form-control',
            'value'       => $blog_landingpage->blog_landingpage_description,  
        );
     ?>  
        <p><?php echo form_textarea($data); ?>
        <?php echo form_error('description'); ?></p> 
        <br>
        <p> <!-- <?= form_submit('submit', 'Update Spanduk', 'class="btn btn-primary btn-success button-brown"'); ?></p>  -->
    </div><!-- end class="col-sm-8" -->
</div> <!-- end row -->    

<div class="row">
    <div class="col-sm-3">
    </div><!-- end class="col-sm-4" -->

     <div class="col-sm-9">
        <p> <?= form_submit('submit', 'Update Banner', 'class="btn btn-success"'); ?></p> 
    </div><!-- end class="col-sm-8" -->
</div> <!-- end row -->    

<?= form_close(); ?>   


<div class="row"> 
    <div class="col-sm-12">
        <br>
        
         <p><?= anchor('admin/blog/add', '<i class="fa fa-plus" aria-hidden="true"></i> TAMBAH BLOG BARU'); ?></p>
          
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->   

<div class="row">
    <div class="col-sm-12">

    <div class="table-responsive">    
    <table class="table table-striped">
    <thead>
        <tr>
            <th>Judul Blog</th>
            <th>Unggulan?</th>
             <th>
                Urutan 
                <button style="font-weight: bold;" onclick="refreshDisplayPriority();" class="btn btn-sm btn-success" type="button">Ubah</button>
            </th>
            <th>Display</th> 
            <th>Lihat</th>
             
              <th>Hapus</th>
          
            
        </tr>
    </thead>
    <tbody>
    	<?php if(count($blog)) : ?> 
        <?php foreach($blog as $blog): ?>
        	<tr>
            	<td><?= ucfirst($blog->blog); ?></td>
                <td><?= ucfirst($blog->featured); ?></td>
                 <td>
                    <input data-id="<?= $blog->id_blog; ?>" class="inp_change_priority" type="text" style="border: 0;outline: 0;background: transparent;border-bottom: 1px solid gray; text-align: center; width: 40px;" value="<?= $blog->priority; ?>">
                    
                </td>
                <td>
                <?php if ($blog->status == 1) { ?>

                    <button onclick="exchangeStatusAct('tidak',<?= $blog->id_blog; ?>);" 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',<?= $blog->id_blog; ?>);" 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/blog/edit/' . $blog->id_blog); ?></td>
                 
                <td><?= bt_delete('admin/blog/delete/' . $blog->id_blog); ?></td>
                
                
            </tr>
        <?php endforeach; ?>
        <?php else: ?>
        	<tr>
            <td colspan="3">Kami tidak dapat menemukan blog apa pun.</td>
            </tr>
        <?php endif; ?>

    </tbody> 
    </table>
</div></div></div>

<div class="row">
    <div class="col-sm-12">
        <?php
        //create pagination...
        echo '<p style="text-align:center;">' . $this->pagination->create_links() . '</p>';
        ?>
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row --> 
<script>
    function refreshDisplayPriority(){
        /* if (confirm("Are you sure?")==true) { */
            var inp_change_priority = jQuery("input.inp_change_priority");
            var csrfHash = '<?= $this->security->get_csrf_hash(); ?>';
            var data = [[]];

            jQuery.each(inp_change_priority,function(idx,key){
                data[idx] = {
                    id : jQuery(this).data('id'),
                    val : jQuery(this).val(),
                };
            }); 
            
            $.ajax({
                'url'  : "<?= base_url('admin/blog/refreshDisplayPriority'); ?>",
                'type' : 'POST',  
                'dataType' :'json', 
                'data' : {
                          'this_data' : data,   
                          'csrftestname' : csrfHash
                        }, 
                'success'   : function(res) {
                    if (res.res == 'sukses') {
                        // console.log(res.data);
                        // alert('Successfully');
                        location.reload();
                    }
                }
            });
        /* } */
    }

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