<div class="modal-header">
    <h4>Website Info</h4>
</div>

<?= $this->session->flashdata('success'); //to display success message ?> 
<?php echo $error; ?>
<?= $this->session->flashdata('result'); //to display result message ?>
 <!--Upload Image error message-->
<?php 
//error display for image
if(isset($error)) {
echo $error;
}
?>

<div class="modal-body" style="max-height:3500px;">
	<?= form_open_multipart(); ?>
    <table class="table configuration">
         <tr>
            <td>Website Name</td>
            <td><?= form_input('website_name' , set_value('website_name', $configuration->website_name, FALSE)); ?>
            <?= form_error('website_name'); ?>
            </td>
        </tr>
        <tr>
            <td>Shop Email<br>
            (Email to send notificatons to customers)</td>  
            <td><?= form_input('from_email' , set_value('from_email', $configuration->from_email)); ?>
            <?= form_error('from_email'); ?> </td> 
        </tr>



        <tr>
          <td>Shop Logo
          <?php if (!empty($configuration->logo)) : ?> 
            &nbsp;&nbsp;<img style="width:100px; height:auto;" src="<?= base_url() . 'uploads/' . $configuration->logo; ?>"  alt="" />
            
            <i class="icon-trash"></i> <a href="<?= base_url() . 'admin/configuration/delete_logo'; ?>">Delete</a>
          
          <?php endif; ?>  
 
          </td>
          <td>
            <input type="file" name="userfile" size="20" /><br> 
            
            <?php
                //get max image width and height from configuration table
                $this->db->select('logo_image_width, logo_image_height')->from('configuration')->where('id_configuration', 1);
                $image_dimension = $this->db->get()->row();
            ?>

            <span style="font-size:12px; font-style: italic;">Image size must be <?= $image_dimension->logo_image_width;?>  pixel width. <?= $image_dimension->logo_image_height;?> pixel height, jpg/png, max 300KB</span>
            <span style="color:#F7931E;"><?php echo form_error('userfile'); ?></span>
            <?php echo $this->session->flashdata('error'); //to display error message ?>  
          </td>    
        </tr> 

        <tr>
            <td><h4>Shop Address</h4></td> 
            <td></td>
        </tr>

         <tr>
            <td>Your shop province<br>
            (To calculate shipping cost origin)</td> 
            <td>
                <select id="province" name="province" class="input-xlarge" style="width:50%; height: 30px; border:1px solid #9c989a; color:grey; padding:0; margin-left: 0;">

                <option value="">Choose Province...</option>

                <?php foreach($provinces['rajaongkir']['results'] as $province) : ?>
                    <option value="<?= $province['province_id']; ?>"

                    <?php if ($province['province_id'] == $configuration->shop_province_id): ?>
                        selected    
                    <?php endif ?>    

                    ><?= ucwords($province['province']); ?></option>

                <?php endforeach; ?>    
    
                </select> 
                    
                <?php echo '<span style="font-size:10px;">' . form_error('province') . '</span>'; ?>            
            </td>
        </tr>

        <tr>
            <td>Your shop city</td> 
            <td>
                <select id="district" name="district" class="input-xlarge" style="width:50%; height: 30px; border:1px solid #9c989a; color:grey; padding:0; margin-left: 0;">

                <?php if (isset($districts)) : ?>
                    <?php foreach($districts['rajaongkir']['results'] as $district) : ?>
                        <option value="<?= $district['city_id']; ?>"

                        <?php if ($district['city_id'] == $configuration->shop_district_id) : ?>
                            selected
                        <?php endif; ?>

                        ><?= ucwords($district['city_name']); ?></option>
                    <?php endforeach; ?>
                <?php endif; ?>

                </select> 
                <?php echo '<span style="font-size:10px;">' . form_error('district') . '</span>'; ?>            
            </td>
        </tr>

        <tr>
            <td><h4>Social Media Links</h4></td> 
            <td></td>
        </tr>
        <tr>
            <td>Facebook</td>
            <td><?= form_input('facebook' , set_value('facebook', $configuration->facebook, FALSE)); ?>
            <?= form_error('facebook'); ?>
            </td>
        </tr>
        <tr>
            <td>Twitter</td>
            <td><?= form_input('twitter' , set_value('twitter', $configuration->twitter, FALSE)); ?>
            <?= form_error('twitter'); ?>
            </td>
        </tr>
         <tr>
            <td>Instagram</td>
            <td><?= form_input('instagram' , set_value('instagram', $configuration->instagram, FALSE)); ?>
            <?= form_error('instagram'); ?>
            </td>
        </tr>

        <tr>
            <td><h4>Website Meta Description</h4></td> 
            <td></td>
        </tr>
        <tr>
            <td>Browser Home Title</td>
            <td><?= form_input('browser_title' , set_value('browser_title', $configuration->browser_title, FALSE)); ?>
            <?= form_error('browser_title'); ?>
            </td>
        </tr>
        <tr>
            <td>Meta Description</td>
            <td><?= form_input('meta_description' , set_value('meta_description', $configuration->meta_description, FALSE)); ?>
            <?= form_error('meta_description'); ?> 
            </td>
        </tr>
        <tr>
            <td>Meta Keywords</td>
            <td><?= form_input('meta_keywords' , set_value('meta_keywords', $configuration->meta_keywords, FALSE)); ?>
            <?= form_error('meta_keywords'); ?>   
            </td>
        </tr>

         <tr>
            <td><h4>Products &amp; Orders</h4></td> 
            <td></td>
        </tr>

        <tr>
            <td>No of products displayed / page</td>
            <td><?= form_input('products_displayed' , set_value('products_displayed', $configuration->products_displayed, FALSE)); ?>
            <?= form_error('products_displayed'); ?>  
            </td>
        </tr>

        <tr>
            <td>Activate Product Comparison</td>
            <td>
                <select name="product_comparison">
                    <option value="no"
                    <?php if ($configuration->product_comparison == 'no') : ?>
                        selected
                    <?php endif; ?>
                    >No</option>
                    <option value="yes"
                    <?php if ($configuration->product_comparison == 'yes') : ?>
                        selected
                    <?php endif; ?>
                    >Yes</option>
                </select>
            </td>
        </tr> 

        <tr>
            <td>Free Shipping Min. Amount (Rp)<br>
            (Number only. Leave blank if not aplicable)</td>
            <td><?= form_input('free_shipping' , set_value('free_shipping', $configuration->free_shipping)); ?>
            <?= form_error('free_shipping'); ?>
            </td>
        </tr>
        
        <tr>
            <td><h4>Payment Information</h4></td>
            <td></td>
        </tr>

        <tr>
          <td>Bank Account Details for Manual Transfer</td>
          <td><?php echo form_textarea('bank', set_value('bank', $configuration->bank, FALSE)); ?>
          <?php echo form_error('bank'); ?></td>
        </tr> 

        <tr>
            <td><h4>ADVANCE SETTINGS</h4></td> 
            <td></td>
        </tr>

         <tr>
            <td>Top Menu Position from left (pixel)</td>
            <td><?= form_input('top_menu_position' , set_value('top_menu_position', $configuration->top_menu_position)); ?>
            <?= form_error('top_menu_position'); ?> 
            </td>
        </tr>

        <tr>
            <td><h4>Google Analytic</h4></td> 
            <td></td>
        </tr>

        <tr>
            <td>Google Analytic ID</td>
            <td><?= form_input('google_analytic_id' , set_value('google_analytic_id', $configuration->google_analytic_id)); ?>
            <?= form_error('google_analytic_id'); ?> 
            </td>
        </tr>

        <tr>
            <td><h4>Veritrans Payment Setting</h4></td> 
            <td></td>
        </tr>

        <tr>
            <td>Veritrans Server Key</td>
            <td><?= form_input('veritrans_server_key' , set_value('veritrans_server_key', $configuration->veritrans_server_key)); ?>
            <?= form_error('veritrans_server_key'); ?>
            </td>
        </tr>

        <tr>
            <td>Veritrans Production Mode</td>
            <td>
                <?php
                //get current production mode
                $this->db->select('veritrans_production_mode')->from('configuration')->where('id_configuration', 1);
                $production_mode = $this->db->get()->row()->veritrans_production_mode;  
                ?>

                <select name="veritrans_production_mode">
                    <option value="false"
                    <?php if ($production_mode =='false') : ?>
                        selected
                    <?php endif; ?>
                    >False</option>
                    <option value="true"
                    <?php if ($production_mode =='true') : ?>
                        selected
                    <?php endif; ?>
                    >True</option>   
                </select>
            </td>
        </tr>
        

        <tr>
            <td><h4>Website Images Dimension</h4></td> 
            <td></td>
        </tr>

        <tr class="website-images">
            <td>Logo Image Size (Pixel)</td>
            <td>Width: <?= form_input('logo_image_width' , set_value('logo_image_width', $configuration->logo_image_width)); ?> Height: <?= form_input('logo_image_height' , set_value('logo_image_height', $configuration->logo_image_height)); ?>
            <?= form_error('logo_image_width'); ?>
            <?= form_error('logo_image_height'); ?>
            </td>
        </tr>

         <tr class="website-images">
            <td>Category Image Size (Pixel)</td>
            <td>Width: <?= form_input('category_image_width' , set_value('category_image_width', $configuration->category_image_width)); ?> Height: <?= form_input('category_image_height' , set_value('category_image_height', $configuration->category_image_height)); ?>
            <?= form_error('category_image_width'); ?>
            <?= form_error('category_image_height'); ?>
            </td>
        </tr>

         <tr class="website-images"> 
            <td>Brand Image Size (Pixel)</td>
            <td>Width: <?= form_input('brand_image_width' , set_value('brand_image_width', $configuration->brand_image_width)); ?> Height: <?= form_input('brand_image_height' , set_value('brand_image_height', $configuration->brand_image_height)); ?>
            <?= form_error('brand_image_width'); ?>
            <?= form_error('brand_image_height'); ?>
            </td>
        </tr>

         <tr class="website-images">
            <td>Product Image Size Original (Pixel)</td>
            <td>Width: <?= form_input('product_image_width' , set_value('product_image_width', $configuration->product_image_width)); ?> Height: <?= form_input('product_image_height' , set_value('product_image_height', $configuration->product_image_height)); ?>
            <?= form_error('product_image_width'); ?>
            <?= form_error('product_image_height'); ?> 
            </td>
        </tr>

        <tr class="website-images">
            <td>Product Image Size Large (Pixel)</td>
            <td>Width: <?= form_input('product_image_large_width' , set_value('product_image_large_width', $configuration->product_image_large_width)); ?> Height: <?= form_input('product_image_large_height' , set_value('product_image_large_height', $configuration->product_image_large_height)); ?>
            <?= form_error('product_image_large_width'); ?>
            <?= form_error('product_image_large_height'); ?>
            </td>
        </tr>

        <tr class="website-images">
            <td>Product Image Size Small (Pixel)</td>
            <td>Width: <?= form_input('product_image_small_width' , set_value('product_image_small_width', $configuration->product_image_small_width)); ?> Height: <?= form_input('product_image_small_height' , set_value('product_image_small_height', $configuration->product_image_small_height)); ?>
            <?= form_error('product_image_small_width'); ?>
            <?= form_error('product_image_small_height'); ?>
            </td>
        </tr>

        <tr class="website-images">
            <td>Product Image Size Thumbnail (Pixel)</td>
            <td>Width: <?= form_input('product_image_thumbnail_width' , set_value('product_image_thumbnail_width', $configuration->product_image_thumbnail_width)); ?> Height: <?= form_input('product_image_thumbnail_height' , set_value('product_image_thumbnail_height', $configuration->product_image_thumbnail_height)); ?>
            <?= form_error('product_image_thumbnail_width'); ?>
            <?= form_error('product_image_thumbnail_height'); ?>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
            <br>
            <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success"'); ?> &nbsp;&nbsp;&nbsp;<?= anchor('admin/dashboard', 'cancel'); ?>
            </td>
        </tr>      

    </table>
    <?= form_close(); ?>
</div>

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

    //to get districts dynamically, when choosing province
    $('#province').click(function() {

        var id_province = $(this).val();
        
        load_data_ajax(id_province);
    });  

    var controller = 'admin/configuration';
    var base_url = '<?php echo base_url(); ?>'; 

    function load_data_ajax(id_province) {
        $.ajax({
            'url'       : base_url + controller + '/ajax_get_district', 
            'type'      : 'POST',
            'data'      : {'id_province' : id_province}, 
            'success'   : function(data) {
                
                var container = $('#district');
                
                if (data) { 
                    container.html(data);  
                };
            }
        });
    }
 
});

</script>