<div class="row">
  <div class="col-sm-12">
    <a href="<?= base_url('admin/reward_customer'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back to Reward Customer Page</a><br><br>
    <h4><?= empty($reward->id_reward_customer) ? 'Add a new reward' : 'Edit reward : ' . ucwords($reward->title); ?></h4>
    <?= $this->session->flashdata('success'); //to display success message ?> 
    <?= $this->session->flashdata('result'); //to display result message ?>
  </div> 
</div>  

<?= form_open_multipart(); ?>
<br>
<div class="row">
    <div class="col-sm-3">
        <p>Type</p>
    </div>
     <div class="col-sm-9">
        <p>
            <?php
                $discount = "checked";
                $product = "";
                if(!empty($reward->id_reward_customer)){
                    if($reward->id_products != null){
                        $product = "checked";
                    }else{
                        $discount = "checked";
                    }
                }
            ?>
            <label class="radio-inline">
                <input type="radio" name="type" onclick="check_type('discount');" value="discount" <?=$discount?> > Discount
            </label>&nbsp;&nbsp;
            <label class="radio-inline">
                <input type="radio" name="type" onclick="check_type('product');" value="product" <?=$product?> > Free Product
            </label>

        </p>
    </div>
</div>   

<div id="input_discount">
    <div class="row">
        <div class="col-sm-3">
            <p>Discount</p>
        </div>
        <div class="col-sm-4">
            <p>
                <input type="number" class="form-control" name="discount" value="<?=$reward->discount?>" maxlength="15">
            </p>
        </div>
    </div>   
</div>

<div id="input_product">
    <div class="row">
        <div class="col-sm-3">
            <p>Free Product</p>
        </div>
        <div class="col-sm-9">
            <p>
                <select name="id_products" class="form-control">    
                    
                    <?php foreach($products as $res) : ?> 
                    
                        <option value="<?= $res->id_products; ?>"

                        <?php if ($reward->id_products == $res->id_products): ?>
                            selected="selected" 
                        <?php endif ?> 
                        
                        ><?= ucfirst($res->title); ?></option> 

                    <?php endforeach; ?>          
              
                </select> 
            </p>
        </div>
    </div>   
</div>

<div class="row">
    <div class="col-sm-3">
        <p>Point</p>
    </div>
     <div class="col-sm-4">
        <p>
            <?php
            $data = array(
                'name'        => 'point',
                'value'       => $reward->point,
                'class'       => 'form-control'
            );
            echo form_input($data); ?>
            <?= form_error('name'); ?>
        </p>
    </div>
</div>   

<div class="row">
    <div class="col-sm-3">
        <p>Min Buy</p>
    </div>
     <div class="col-sm-4">
        <p>
            <input type="number" class="form-control" name="min_buy" value="<?=$reward->min_buy?>" maxlength="15">
        </p>
    </div>
</div>   

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

<?= form_close(); ?>
<br><br>


<script>
    $(document).ready(function(){
        if ($('input[name=type]:checked').val() == "discount") {
            $('#input_product').hide();
            $('#input_discount').show();
        }else{
            $('#input_discount').hide();
            $('#input_product').show();
        }
    })

    function check_type(type=""){
        if (type == "discount") {
            $('#input_product').hide(200);
            $('#input_discount').show(300);
        }else{
            $('#input_discount').hide(200);
            $('#input_product').show(300);
        }
    }
</script>