<?php echo validation_errors(); ?>
<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/home_content/body_rooms'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Daftar Promotion Banner</a></p><br>
        <h4><?= empty($dt_body_rooms->id) ? 'Buat Promotion Banner baru' : 'Edit Promotion Banner: ' . $dt_body_rooms->header_text; ?></h4>
        <?= $this->session->flashdata('success'); ?>
    </div>
</div>

<?= form_open_multipart(); ?>

<div class="row">
    <div class="col-sm-3">
        <p>Judul</p>
    </div>

    <div class="col-sm-9">
       <p>
        <?php
        $data = array(
            'name'        => 'header_text',
            'value'       => explode(' | ', $dt_body_rooms->header_text)[0],
            'class'       => 'form-control'
        );
        echo form_input($data); ?>
        <?= form_error('header_text'); ?></p>
    </div>
</div> 

<div class="row">
    <div class="col-sm-3">
        <p>Text Konten</p>
    </div>

    <div class="col-sm-9">
        <p>
        <?php
        $data = array(
            'name'        => 'content_text',
            'value'       => $dt_body_rooms->content_text,
            'class'       => 'form-control'
        );
        echo form_textarea($data); ?>
        <?= form_error('content_text'); ?></p>
    </div>
</div> 

<div class="row">
    <div class="col-sm-3">
        <p>Gambar
            <?php if (!empty($dt_body_rooms->img_name)) : ?>
                &nbsp;&nbsp;<img style="width:150px; height:auto;" src="<?= base_url() . 'uploads/body_rooms/' . $dt_body_rooms->img_name; ?>" alt="" />
            <?php endif; ?>
        </p>
    </div>

    <div class="col-sm-9">
        <input type="file" name="image1" size="20" class="form-control" /><br>
        <span style="font-size:12px; font-style: italic;">Ukuran maks 800KB</span>
        <span style="color:#F7931E;"><?php echo form_error('image1'); ?></span>
        <?php echo $this->session->flashdata('error'); //to display error message 
        ?>
    </div>
</div> 

<div class="row" style="display: none;">
    <div class="col-sm-3">
        <p>URL Link <i class="fa fa-question-circle" data-toggle="tooltip" title="Anda dapat membuat pelanggan menuju ke halaman/website tertentu melalui link yang Anda berikan."></i><br>
            <span style="font-size: 12px">(opsional)</span>
        </p>
    </div>
    <div class="col-sm-9">
        <p><?php
            $data = array(
                'name'        => 'target_loc',
                'value'       => $dt_body_rooms->target_loc,
                'class'       => 'form-control',
            );
            echo form_input($data); ?></p>
        <p><?= form_error('target_loc'); ?></p>
    </div>
</div> 

<div class="row">
    <div class="col-sm-3">
        <p>Active</p>
    </div>
    <div class="col-sm-9">
        <p>
        <?php
        $active_options = array(
            '1' => 'Yes',
            '0' => 'No'
        );
        $active_selected = isset($dt_body_rooms->active) ? $dt_body_rooms->active : '1';
        echo form_dropdown('active', $active_options, $active_selected, 'class="form-control"');
        ?>
        <?= form_error('active'); ?></p>
    </div>
</div>

<div id="container"></div>

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

    <div class="col-sm-9">
        <?php if (empty($dt_body_rooms->id)) : ?>
            <p><?= form_submit('submit', 'Simpan', 'class="btn btn-primary btn-success"'); ?>
            <?php else : ?>
            <p><?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success"'); ?>
            <?php endif; ?>
            &nbsp;&nbsp;&nbsp;<?= anchor('admin/home_content/body_rooms', 'Batal', array('class' => 'btn btn-default')); ?></p>
    </div>
</div> 

<?= form_close(); ?>

<script>
    $(document).ready(function() {

        var type = $('#type').val();

        <?php if (!empty($dt_body_rooms->id)) : ?>
            var current_id = '<?= $dt_body_rooms->id; ?>';
        <?php else : ?>
            var current_id = null;
        <?php endif; ?>

        if (type != '') {
            load_data_ajax(type, current_id);
        }

        $('#type').change(function() {
            var type = $(this).val();
            load_data_ajax(type);
        });

        function load_data_ajax(type, current_id) {
            $.ajax({
                'url': '<?php echo site_url(); ?>' + 'admin/home_content/ajax_get_type',
                'type': 'POST',
                'data': {
                    'type': type,
                    'current_id': current_id,
                    '<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
                },
                'success': function(data) {

                    // alert('test');

                    var container = $('#container');

                    if (data) {
                        container.html(data);
                    };
                }
            });
        }

    });
</script>