<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>
        <h4><?= empty($about->id) ? 'Tambah about baru' : 'Edit About Page';?></h4> 
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?> 
    </div>    
</div>    

<?= form_open_multipart(); ?>  

<div class="row">
    <div class="col-sm-12">
        <h4><strong>About Page Content</strong></h4>
    </div>
</div>   

<?php 
$fields = [
    'hero_image' => 'Hero Image',
    'hero_title' => 'Hero Title',
    'intro1_image' => 'Intro1 Image',
    'intro2_image' => 'Intro2 Image',
    'intro_title' => 'Intro Title',
    'intro_subtitle' => 'Intro Subtitle',
    'about_title' => 'About Title',
    'about_subtitle' => 'About Subtitle',
    'about_image' => 'About Image',
    'history_title' => 'History Title',
    'history_subtitle' => 'History Subtitle',
    'history_image' => 'History Image',
    'team_tag' => 'Team Tag',
    'team_title' => 'Team Title',
    'tean_subtitle' => 'Team Subtitle',
    'vision_title' => 'Vision Title',
    'vision_subtitle' => 'Vision Subtitle',
    'mission_image' => 'Mission Image',
    'mission_title' => 'Mission Title',
    'mission_subtitle' => 'Mission Subtitle',
    'value_image' => 'Value Image',
    'value_title' => 'Value Title',
    'value_subtitle' => 'Value Subtitle',
];

foreach ($fields as $field_name => $label) {
    $is_image = strpos($field_name, 'image') !== false;
?>
<div class="row">
    <div class="col-sm-3">
        <p><?= $label ?></p>
        <?php if ($is_image && !empty($about->$field_name)) : ?>
        &nbsp;&nbsp;<img style="width:120px; height:auto;" src="<?= base_url() . 'uploads/page/' . $about->$field_name; ?>"  alt="" />
        <br><i class="fa fa fa-trash-o" aria-hidden="true"></i> <a href="<?= base_url() . 'admin/about/delete_image/' . $field_name; ?>">Hapus</a>
        <?php endif; ?>
    </div>
    <div class="col-sm-9">
        <?php if ($is_image) : ?>
            <input type="file" name="<?= $field_name ?>" size="20" class="form-control" /><br>
            <span style="font-size:12px; font-style: italic;">Gambar disarankan lebar 800 pixel. tinggi 500 pixel, jpg, max 200KB</span>
            <span style="color:#F7931E;"><?php echo form_error('$field_name'); ?></span>
        <?php else: ?>
        <p><?php
        $data = array(
            'name'        => $field_name,
            'value'       => $about->$field_name,
            'class'       => 'form-control',
         );
        echo form_input($data); ?></p>
        <p><?= form_error($field_name); ?></p>
        <?php endif; ?>
    </div>
</div>
<?php } ?>

<div class="row">
    <div class="col-sm-3">
    </div>
     <div class="col-sm-9">
         <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success button-brown"'); ?>
         &nbsp;&nbsp;&nbsp;<?= anchor('admin/about/', 'cancel'); ?>
    </div>
</div>    

<?= form_close(); ?>