<?php if($this->session->userdata('username')) { ?>
<div class="row">
    <div class="col-lg-7">
        <div class="card-box ribbon-box">
            <div class="ribbon ribbon-primary float-left"><i class="mdi mdi-cart"></i> New Order</div>
            <div class="ribbon-content">
                <form method="POST">
                    <input type="hidden" id="csrf_token" name="<?= $this->security->get_csrf_token_name(); ?>" value="<?= $this->security->get_csrf_hash(); ?>">
                    <div class="form-group mb-3">
                        <label>Category</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="mdi mdi-instagram text-primary"></i>
                                </div>
                            </div>
                            <select class="form-control" id="category" name="category">
                                <option value="">Select One</option>
                                <?php foreach($categories as $cat) { ?>
                                 <option value="<?= $cat->code; ?>"><?= $cat->name; ?></option>
                                 <?php
                                 } ?>
                            </select>
                        </div>
                    </div>
                    <?= form_error('category', '<small class="text-danger pl-3">', '</small>'); ?>
                    <div class="form-group mb-3">
                        <label>Service</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="mdi mdi-instagram text-primary"></i>
                                </div>
                            </div>
                            <select class="form-control" id="service" name="service">
                                <option value="">Choose category first</option>
                            </select>
                        </div>
                    </div>
                     <?= form_error('service', '<small class="text-danger pl-3">', '</small>'); ?>
                    <div class="form-group mb-3">
                        <label>Target</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="mdi mdi-account text-primary"></i>
                                </div>
                            </div>
                            <input type="text" name="target" class="form-control" placeholder="Target">
                        </div>
                    </div>
                    <?= form_error('target', '<small class="text-danger pl-3">', '</small>'); ?>
                    <div class="form-group mb-3">
                        <label>Quantity</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="fe-shopping-cart text-primary"></i>
                                </div>
                            </div>
                            <input type="text" name="quantity" class="form-control" placeholder="Quantity" onkeyup="get_total(this.value).value;">
                        </div>
                    </div>
                    <?= form_error('quantity', '<small class="text-danger pl-3">', '</small>'); ?>
                    <div class="form-group mb-3">
                        <label>Price</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="mdi mdi-cash-multiple text-primary"></i>
                                </div>
                            </div>
                            <input type="number" class="form-control" id="total" readonly>
                        </div>
                    </div>
                    <input type="hidden" id="rate" value="0">
                    <div id="cuscomment" style="display: none;">
                        <div class="form-group mb-3">
                            <label>Comment</label>
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <i class="fe-shopping-cart text-primary"></i>
                                    </div>
                                </div>
                                <textarea class="form-control" name="comment" id="comment" placeholder="Separate each comment line with enter"></textarea>
                            </div>
                        </div>
                        <?= form_error('comment', '<small class="text-danger pl-3">', '</small>'); ?>
                        <div class="form-group mb-3">
                            <label>Price</label>
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <i class="mdi mdi-cash-multiple text-primary"></i>
                                    </div>
                                </div>
                                <input type="number" class="form-control" id="totalxxx" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group mb-0">
                        <button class="btn btn-success waves-effect waves-light" type="submit"> Order </button>
                        <button class="btn btn-danger waves-effect waves-light" type="reset"> Reset </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
       $("#category").change(function() {
            var category = $("#category").val();
            var token = $("#csrf_token").val();
            $.ajax({
                url  : "<?= site_url(); ?>include_service",
                data : {
                    '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>',
                    'category': + category
                },
                type : "POST",
                dataType : "html",
                success:function(msg) {
                    $('#service').html(msg);
                }
            });
        });
    });
</script>
<?php } else {
    redirect('home', 'refresh');

}