<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/vouchers'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back to voucher List Page</a></p><br>
        <h4><?= empty($vouchers->id_vouchers) ? 'Add a new voucher' : 'Edit voucher: ' 
    	. $vouchers->voucher_code; ?></h4> 
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?>
    </div> 
</div>  
 
<?= form_open(); ?>

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

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

<div class="row"> 
    <div class="col-sm-3">
        <p>Voucher Code<br>
            (Example: IGXQVWVP)</p>
    </div>
     <div class="col-sm-9"> 
        <p>
        <?php
        $data = array(  
            'name'        => 'voucher_code',
            'value'       => $vouchers->voucher_code,
            'class'       => 'form-control'
         );
        echo form_input($data); ?>
        <?= form_error('voucher_code'); ?></p>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Voucher Type</p>
    </div>
     <div class="col-sm-9"> 
        <p><strong>Normal Promo</strong>: Promo biasa. Bila memasukan kode voucher di checkout, maka ada diskon berdasarkan persentase atau amount.</p>
        <p><strong>Birthday Promo</strong>: Misal Promo Agustus. Promo yang hanya berlaku untuk customer yang ulang tahun di bulan agustus.
        <!-- <p><strong>Gender Promo</strong>: Misal Promo Cowok. Promo ini hanya berlaku untuk customer yang gender nya Cowok saja.</p> -->
        <p><strong>Time Promo</strong>: Misal Promo Midnight Sale. Promo ini akan berjalan ketika jam 00.00 s/d jam 02.00 saja.</p>
        <p><strong>Province Promo</strong>: Misal Promo Jawa Timur. Promo ini hanya berlaku untuk customer yang beralamat di Jawa Timur saja. Ia akan dapat free ongkir atau disc 10% untuk total pembayaran.</p>
        <p><strong>Quantity promo</strong>: Misal Promo Buy 4 Get 10%. Promo ini berlaku ketika customer beli 4 pcs produk apa saja, maka dia dapat disc 10% untuk total pembayaran.</p>
        <p><strong>Product Category promo</strong>: Promo ini berlaku untuk kategori produk tertentu.</p>
        <p><strong>Brand promo</strong>: Promo ini berlaku untuk merek tertentu.</p>
        <p><strong>Product promo</strong>: Promo ini berlaku untuk produk tertentu.</p>
        <p><strong>Sales Agent promo</strong>: Promo ini berlaku untuk sales agen tertentu.</p>
    </div>
</div>  

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

     <div class="col-sm-9"> 
         <?php
            $options = array(
                'normal promo'    => 'Normal Promo',
                'birthday promo'  => 'Birthday Promo',
                /* 'gender promo'    => 'Gender Promo', */
                'time promo'      => 'Time Promo',
                'province promo'  => 'Province Promo',
                'quantity promo'  => 'Quantity Promo',
                'category promo'  => 'Product Category Promo',
                'brand promo'  => 'Brand Promo',
                'product promo'  => 'Product Promo',
                'sales agent promo'  => 'Sales Agent Promo',
            );
            echo form_dropdown('voucher_type', $options, $vouchers->voucher_type, 'class="form-control choosePromoType"');
            ?>   
    </div>
</div>  

<div class="row birthdayPromo">
    <div class="col-sm-12">
         <h4>Birthday Promo<br>
          (Only apply for Birthday Promo)</h4>
    </div> 
</div>  
<div class="row birthdayPromo"> 
    <div class="col-sm-3">
        <p>Birth Month</p>
    </div>

     <div class="col-sm-9"> 
         <?php
            $options = array(
            ''  => 'Choose Birth Month...',
            '1'  => 'January',
            '2'  => 'February',
            '3'  => 'March',
            '4'  => 'April',
            '5'  => 'May',
            '6'  => 'June',
            '7'  => 'July',
            '8'  => 'August',
            '9'  => 'September',
            '10'  => 'October',
            '11'  => 'November',
            '12'  => 'December'
            );
            echo form_dropdown('birthmonth', $options, $vouchers->birthmonth, 'class="form-control"');
        
        ?>   
    </div>
</div>  

<div class="row genderPromo">
    <div class="col-sm-12">
         <h4>Gender Promo<br>
          (Only apply for Gender Promo)
          </h4>
    </div> 
</div>  
<div class="row genderPromo"> 
    <div class="col-sm-3">
        <p>Gender</p>
    </div>
     <div class="col-sm-9"> 
          <?php
                $options = array(
                ''  => 'Choose Gender...',
                'male'  => 'Male',
                'female'  => 'Female',
                );
                echo form_dropdown('gender', $options, $vouchers->gender, 'class="form-control"');
            ?>   
    </div>
</div>  

<div class="row timePromo">
    <div class="col-sm-12">
        <h4>Time Promo<br>
        (Only apply for Time Promo)
        </h4>
    </div> 
</div>  
<div class="row timePromo"> 
    <div class="col-sm-3">
        <p>Start Time</p>
    </div>
     <div class="col-sm-9"> 
         <input class="datetimepicker form-control" type="text" name="promostart" value="<?= $vouchers->promostart; ?>">
    </div>
</div>  
<div class="row timePromo"> 
    <div class="col-sm-3">
        <p>End Time</p>
    </div>
     <div class="col-sm-9"> 
          <input class="datetimepicker form-control" type="text" name="promoend" value="<?= $vouchers->promoend; ?>">
    </div>
</div>  

<div class="row provincePromo">
    <div class="col-sm-12">
         <h4>Province Promo<br>
          (Only apply for Province Promo)
          </h4>
    </div> 
</div>  
<div class="row provincePromo"> 
  <div class="col-sm-3">
    <p>Province</p>
  </div>
  <div class="col-sm-9"> 
    <select name="provincepromo" class="form-control">
      <option value="">Choose Province...</option>
      <?php foreach($provinces as $province) : ?>
        <option value="<?= $province->rajaongkir_province_id; ?>"
          <?php if( $vouchers->provincepromo == $province->rajaongkir_province_id) : ?>
            selected
          <?php endif; ?> 
        >
          <?= ucwords($province->province); ?>
        </option>
      <?php endforeach; ?>  
    </select>
  </div>
</div>  

<div class="row quantityPromo">
    <div class="col-sm-12">
         <h4>Quantity Promo<br>
          (Only apply for Quantity Promo)
          </h4>
    </div> 
</div>  
<div class="row quantityPromo"> 
    <div class="col-sm-3">
        <p>Min Quantity</p>
    </div>

     <div class="col-sm-9"> 
         <input class="form-control" type="text" name="quantitypromo" value="<?= $vouchers->quantitypromo; ?>" />
    </div>
</div>  

<div class="row categoryPromo">
    <div class="col-sm-12">
         <h4>Product Category Promo<br>
          (Only apply for Product Category Promo)
          </h4>
    </div> 
</div>  
<div class="row categoryPromo">
    <div class="col-sm-3">
        <p>Choose Product Category</p>
    </div>
    <div class="col-sm-9">
        <div style="height: 200px; overflow-y: scroll; padding: 20px; border:1px solid #ccc;">
            <?php foreach($parent_categories as $category) : ?>
                <input style="position:relative; bottom:3px; margin-right: 10px;" type="checkbox" name="category_id[]" value="<?= $category->id_categories; ?>" <?= set_checkbox('category_id[]', $category->id_categories); ?>
                <?php if (isset($chosen_categories)) : ?>
                    <?php //checked item 
                    foreach ($chosen_categories as $key => $chosen_category) : ?>
                        <?php if ($chosen_category == $category->id_categories) : ?>
                        checked
                        <?php endif; ?>
                    <?php endforeach; ?>
                <?php endif; ?>
                ><?= ucfirst($category->category); ?> <br> 

                <?php
                    //check if this parent categories does have sub categories
                    $this->db->select('id_categories')->from('categories')->where('parent', $category->id_categories);
                    $count_child = $this->db->get()->num_rows();
                ?>
                <?php if ($count_child > 0) : //this category does have childen ?>
                    <?php
                        //get all child categories
                        $this->db->select('*')->from('categories')->where('parent', $category->id_categories)->order_by('priority', 'ASC');
                        $child_categories = $this->db->get()->result(); 
                    ?>
                    <?php foreach ($child_categories as $child) : ?>
                        -- <input style="position:relative; bottom:3px; margin-right: 10px; margin-left:10px;" type="checkbox" name="category_id[]" value="<?= $child->id_categories; ?>" <?= set_checkbox('category_id[]', $child->id_categories); ?>
                        <?php if (isset($chosen_categories)) : ?>
                            <?php
                            //checked item
                            foreach ($chosen_categories as $key => $chosen_category) : ?>
                                <?php if ($chosen_category == $child->id_categories) : ?>
                                    checked
                                <?php endif; ?>
                            <?php endforeach; ?>
                        <?php endif; ?>  
                        ><?= ucfirst($child->category); ?><br>
                        <?php
                            //check if this parent categories does have sub categories
                            $this->db->select('id_categories')->from('categories')->where('parent', $child->id_categories);
                            $count_grandchild = $this->db->get()->num_rows();
                        ?>
                        <?php if ($count_grandchild > 0) : //this category does have childen ?>
                            <?php
                                //get all child categories
                                $this->db->select('*')->from('categories')->where('parent', $child->id_categories)->order_by('priority', 'ASC');
                                $grandchild_categories = $this->db->get()->result(); 
                            ?>

                            <?php foreach ($grandchild_categories as $grandchild) : ?>
                                ------- <input style="position:relative; bottom:3px; margin-right: 10px; margin-left:10px;" type="checkbox" name="category_id[]" value="<?= $grandchild->id_categories; ?>" <?= set_checkbox('category_id[]', $grandchild->id_categories); ?>
                                <?php if (isset($chosen_categories)) : ?>
                                    <?php
                                    //checked item
                                    foreach ($chosen_categories as $key => $chosen_category) : ?>
                                        <?php if ($chosen_category == $grandchild->id_categories) : ?>
                                            checked
                                        <?php endif; ?>
                                    <?php endforeach; ?>
                                <?php endif; ?>  
                                > <?= ucfirst($grandchild->category); ?><br>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    <?php endforeach; ?>
                <?php endif; ?>
            <?php endforeach; ?>     
        </div>
        <?= form_error('category_id'); ?>
    </div>
</div>  

<div class="row productPromo">
    <div class="col-sm-12">
        <h4>Product Promo<br>
        (Only apply for Product Promo)
        </h4>
    </div> 
</div>  
<div class="row productPromo">
    <div class="col-sm-3">
        <p>Choose Product Category</p>
    </div>
    <div class="col-sm-9">
     <select name="product_category_id" id="select_product_category_id" class="form-control">
       <option value="">Choose category...</option>
       <?php foreach($parent_categories as $category) : ?>
            <option 
            <?php if(isset($product_category_id)) : ?>
                <?php if($product_category_id == $category->id_categories) : ?>
                    selected       
                <?php endif; ?>
            <?php endif; ?>
            value="<?= $category->id_categories ?>"><?= ucfirst($category->category); ?></option>
            <?php
                //check if this parent category does have sub categories
                $this->db->select('id_categories')->from('categories')->where('parent', $category->id_categories);
                $count_child = $this->db->get()->num_rows();
            ?>
            <?php if ($count_child > 0) : ?>
                <?php
                    //get all child categories
                    $this->db->select('*')->from('categories')->where('parent', $category->id_categories)->order_by('priority', 'ASC');
                    $child_categories = $this->db->get()->result(); 
                ?>
                <?php foreach($child_categories as $child) : ?>
                    <option 
                    <?php if(isset($product_category_id)) : ?>
                        <?php if($product_category_id == $child->id_categories) : ?>
                            selected       
                        <?php endif; ?>
                    <?php endif; ?>
                    value="<?= $child->id_categories ?>">--<?= ucfirst($child->category); ?></option>        
                <?php endforeach; ?>
            <?php endif; ?>    
       <?php endforeach; ?>
     </select>
    </div>
    <?= form_error('product_category_id'); ?>
</div>  
<div class="row productPromo">
    <div class="col-sm-3">
        <p>Choose Product</p>
    </div>
    <div class="col-sm-9" id="productresults">
        <select name="product_id" class="form-control">
            <option value="">Choose product...</option>
            <?php if(isset($products_id)) : ?>
                <?php foreach ($products_id as $item) : ?>
                    <?php 
                        //get product details
                        $product = $this->db->select('id_products, sku, title')->from('products')->where('id_products', $item->id_product)->order_by('title', 'ASC')->get()->row();
                    ?>
                    <option 
                    <?php if(isset($product_id)) : ?>
                        <?php if($product_id == $product->id_products) : ?>
                            selected       
                        <?php endif; ?>
                    <?php endif; ?>
                    value="<?= $product->id_products; ?>"><?= ucwords($product->title); ?> (SKU <?= $product->sku; ?>)</option>
                <?php endforeach; ?>
            <?php endif; ?>
        </select>      
        <?= form_error('product_id'); ?>
    </div>
</div>  

<div class="row brandPromo">
    <div class="col-sm-3">
        <p>Choose Brand</p>
    </div>
    <div class="col-sm-9">
        <div style="height: 200px; overflow-y: scroll; padding: 20px; border:1px solid #ccc;">
            <?php foreach($brands as $brand) : ?>
                <input style="position:relative; bottom:3px; margin-right: 10px;" type="checkbox" name="brand_id[]" value="<?= $brand->id_brands; ?>" <?= set_checkbox('brand_id[]', $brand->id_brands); ?>
                
                <?php if (isset($chosen_brands)) : ?>
                    <?php //checked item 
                    foreach ($chosen_brands as $key => $chosen_brand) : ?>
                        <?php if ($chosen_brand == $brand->id_brands) : ?>
                        checked
                        <?php endif; ?>
                    <?php endforeach; ?>
                <?php endif; ?>
                > <?= ucfirst($brand->brand); ?> 
            <?php endforeach; ?>   
        </div>
        <?= form_error('category_id'); ?>
    </div>
</div>  

<div class="row salesagentPromo">
    <div class="col-sm-12">
         <h4>Sales Agent Promo<br>
          (Only apply for Sales Agent Promo)
          </h4>
    </div> 
</div>  
<div class="row salesagentPromo"> 
  <div class="col-sm-3">
    <p>Sales Agent</p>
  </div>
  <div class="col-sm-9"> 
    <select name="sales_agent_id" class="form-control">
      <option value="">Choose Sales Agent...</option>
      <?php foreach($salesagents as $agent) : ?>
        <option value="<?= $agent->id; ?>"
          <?php if( $vouchers->sales_agent_id == $agent->id) : ?>
            selected
          <?php endif; ?> 
        >
          <?= ucwords($agent->sales_name); ?> (ID: <?= $agent->employee_id; ?>)
        </option>
      <?php endforeach; ?>  
    </select>
  </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Voucher Quantity Ready<br> 
         (Leave blank for unlimited. Numbers only)</p>
    </div>
     <div class="col-sm-9"> 
         <?= form_input('qty_ready' , set_value('qty_ready', $vouchers->qty_ready), 'class="form-control"'); ?>
         <?= form_error('qty_ready'); ?>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Maximum Quantity per Customer<br>
         (Leave blank for unlimited. Numbers only)</p>
    </div>
     <div class="col-sm-9"> 
        <?= form_input('maxqty_per_person' , set_value('maxqty_per_person', $vouchers->maxqty_per_person), 'class="form-control"'); ?>
        <?= form_error('maxqty_per_person'); ?>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Minimum Purchase<br>
         (Leave blank for unlimited. Numbers only)</p>
    </div>
     <div class="col-sm-9"> 
       <?= form_input('min_order' , set_value('min_order', $vouchers->min_order), 'class="form-control"'); ?>
       <?= form_error('min_order'); ?>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Discount Type ?</p>
    </div>
     <div class="col-sm-9"> 
       <?php
            $options = array(
                'amount'  => 'By Amount',
                'percentage'  => 'By Percentage (%)',
                /* 'free shipping'  => 'Free Shipping', */
            );
            echo form_dropdown('discount_type', $options, $vouchers->discount_type, 'class="form-control"');
        ?>   
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Discount Value<br>
        (Example: for amount: 50000, for %: 10)</p>
    </div>
     <div class="col-sm-9"> 
      <?= form_input('discount_value' , set_value('discount_value', $vouchers->discount_value), 'class="form-control"'); ?>
      <?= form_error('discount_value'); ?>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Valid on weekdays or weekend ?</p>
    </div>
     <div class="col-sm-9"> 
       <?php
            $options = array(
                'both'  => 'Both weekend and weekdays',
                'weekend'  => 'Weekend only',
                'weekdays'  => 'Weekdays only',
            );
            echo form_dropdown('weekend', $options, $vouchers->weekend, 'class="form-control"');
        ?>   
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
        <p>Expired Date<br>
        (Leave blank for unlimited time)</p>
    </div>
     <div class="col-sm-9"> 
        <?php 
        if (empty($vouchers->expired_date)) {
            $trim_expired_date = '';
        } else {
            $expired_date = $vouchers->expired_date;
            $trim_expired_date = date('d-m-Y',strtotime($expired_date));
        }

        $data = array(
            'name'        => 'expired_date',
            'value'       => $trim_expired_date,
            'class'       => 'datepicker form-control'
        );
        echo form_input($data); ?>    
        <?= form_error('expired_date'); ?>
    </div>
</div>  

<div class="row"> 
    <div class="col-sm-3">
    </div>
     <div class="col-sm-9"> 
       <?php if($allowed == true) : ?>
     <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success button-brown"'); ?>
    &nbsp;&nbsp;&nbsp;<?= anchor('admin/vouchers', 'cancel'); ?>
    <?php endif; ?>
    </div>
</div>  

<?= form_close(); ?>

<link rel="stylesheet" type="text/css" href="<?= base_url('assets/admin/css/jquery.datetimepicker.min.css'); ?>" />
<script src="<?= base_url('assets/admin/js/jquery.datetimepicker.full.min.js'); ?>"></script>
<script>
$(document).ready(function() {
    $('.datetimepicker').datetimepicker({
    format:'Y-m-d H:i'  
    });
});

$(function() {
    $('.birthdayPromo').hide(); 
    $('.genderPromo').hide(); 
    $('.birthdayPromo').hide(); 
    $('.timePromo').hide(); 
    $('.provincePromo').hide(); 
    $('.quantityPromo').hide(); 
    $('.categoryPromo').hide();
    $('.brandPromo').hide();
    $('.productPromo').hide();
    $('.salesagentPromo').hide();

    //initial state
    if($('.choosePromoType').val() == 'birthday promo') {
        $('.birthdayPromo').show(); 
    } else {
        $('.birthdayPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'gender promo') {
        $('.genderPromo').show(); 
    } else {
        $('.genderPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'time promo') {
        $('.timePromo').show(); 
    } else {
        $('.timePromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'province promo') {
        $('.provincePromo').show(); 
    } else {
        $('.provincePromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'quantity promo') {
        $('.quantityPromo').show(); 
    } else {
        $('.quantityPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'category promo') {
        $('.categoryPromo').show(); 
    } else {
        $('.categoryPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'brand promo') {
        $('.brandPromo').show(); 
    } else {
        $('.brandPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'product promo') {
        $('.productPromo').show(); 
    } else {
        $('.productPromo').hide(); 
    } 

    if($('.choosePromoType').val() == 'sales agent promo') {
        $('.salesagentPromo').show(); 
    } else {
        $('.salesagentPromo').hide(); 
    } 
    
    //change select for category product
    $('.choosePromoType').change(function() {
      
        if($('.choosePromoType').val() == 'birthday promo') {
            $('.birthdayPromo').show(); 
        } else {
            $('.birthdayPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'gender promo') {
            $('.genderPromo').show(); 
        } else {
            $('.genderPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'time promo') {
            $('.timePromo').show(); 
        } else {
            $('.timePromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'province promo') {
            $('.provincePromo').show(); 
        } else {
            $('.provincePromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'quantity promo') {
            $('.quantityPromo').show(); 
        } else {
            $('.quantityPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'category promo') {
            $('.categoryPromo').show(); 
        } else {
            $('.categoryPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'brand promo') {
            $('.brandPromo').show(); 
        } else {
            $('.brandPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'product promo') {
            $('.productPromo').show(); 
        } else {
            $('.productPromo').hide(); 
        } 

        if($('.choosePromoType').val() == 'sales agent promo') {
            $('.salesagentPromo').show(); 
        } else {
            $('.salesagentPromo').hide(); 
        } 
    });

    $('#select_product_category_id').on('change', function() {
        const base_url = '<?= base_url(); ?>'; 
        const controller = 'admin/vouchers/';
        $.ajax({
            'url'       : base_url + controller + 'ajax_get_products', 
            'type'      : 'POST',
            'data'      : {
                'category_id' : $(this).val(),
                '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
            }, 
            'success'   : function(data) {
                const container = $('#productresults');
                if (data) { 
                    container.html(data);
                };
            }
        }); 
    });
});
</script>