<div class="row">
    <div class="col-md-12">
        <div class="panel panel-primary" data-collapsed="0">
            <div class="panel-heading">
                <div class="panel-title" >
                    <i class="entypo-plus-circled"></i>
                    <?php echo get_phrase('add_project_bug'); ?>
                </div>
            </div>
            <div class="panel-body">

                <?php echo form_open(base_url() . 'index.php?staff/project_bug/create/' . $param2, array('class' => 'form-horizontal form-groups-bordered validate project-bug-add', 'enctype' => 'multipart/form-data')); ?>

                <div class="form-group">
                    <label for="field-1" class="col-sm-3 control-label"><?php echo get_phrase('title'); ?></label>

                    <div class="col-sm-7">
                        <input type="text" class="form-control" name="title" data-validate="required" data-message-required="<?php echo get_phrase('value_required'); ?>" value="" autofocus>
                    </div>
                </div>

                <div class="form-group">
                    <label for="field-1" class="col-sm-3 control-label"><?php echo get_phrase('description'); ?></label>

                    <div class="col-sm-7">
                        <textarea class="form-control" name="description"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="field-1" class="col-sm-3 control-label"><?php echo get_phrase('assign_staff'); ?></label>

                    <div class="col-sm-5">
                        <select name="assigned_staff" class="select2">
                            <option><?php echo get_phrase('select_staff'); ?></option>
                            <?php
                            $assigned_staffs = $this->db->get_where('project', array('project_code' => $param2))->row()->staffs;
                            $staffs = ( explode(',', $assigned_staffs));
                            $number_of_staffs = count($staffs) - 1;
                            if ($number_of_staffs > 0):
                                for ($i = 0; $i < $number_of_staffs; $i++):
                                    $staff_data = $this->db->get_where('staff', array('staff_id' => $staffs[$i]))->result_array();
                                    foreach ($staff_data as $row):
                                        ?>
                                        <option value="<?php echo $row['staff_id']; ?>">
                                            <?php echo $row['name']; ?></option>
                                        <?php
                                    endforeach;
                                endfor;
                            endif;
                            ?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="field-1" class="col-sm-3 control-label"><?php echo get_phrase('status'); ?></label>

                    <div class="col-sm-5">
                        <select name="status" class="form-control selectboxit">
                            <option value="0" data-iconurl=""><?php echo get_phrase('pending'); ?></option>
                            <option value="1"><?php echo get_phrase('solved'); ?></option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="field-1" class="col-sm-4 control-label"><?php echo get_phrase('select_file'); ?></label>

                    <div class="col-sm-6">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <span class="btn btn-primary btn-file">
                                <span class="fileinput-new"><?php echo get_phrase('choose'); ?></span>
                                <span class="fileinput-exists"><?php echo get_phrase('change'); ?></span>
                                <input type="file" name="userfile" id="userfile">
                            </span>
                            <span class="fileinput-filename"></span>
                            <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
                        </div>
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-7">
                        <button type="submit" class="btn btn-info" id="submit-button"><?php echo get_phrase('submit'); ?></button>
                        <span id="preloader-form"></span>
                    </div>
                </div>
                <?php echo form_close(); ?>
            </div>
        </div>
    </div>
</div>

<script>
    // url for refresh data after ajax form submission
    var post_refresh_url = '<?php echo base_url(); ?>index.php?staff/reload_projectroom_bug/<?php echo $param2; ?>';
</script>


<script type="text/javascript">
    // ajax form plugin calls at each modal loading,
    $(document).ready(function () {

        //config for project task adding
        var options = {
            beforeSubmit: validate_project_bug_add,
            success: show_response_project_bug_add,
            resetForm: true
        };
        $('.project-bug-add').submit(function () {
            $(this).ajaxSubmit(options);
            return false;
        });

        if ($.isFunction($.fn.select2))
        {
            $(".select2").each(function (i, el)
            {
                var $this = $(el),
                        opts = {
                            allowClear: attrDefault($this, 'allowClear', false)
                        };

                $this.select2(opts);
                $this.addClass('visible');

                //$this.select2("open");
            });
        }
    });

    function validate_project_bug_add(formData, jqForm, options) {

        if (!jqForm[0].title.value)
        {
            toastr.error("Please enter a bug", "Error");
            return false;
        }
    }

// ajax success response after form submission
    function show_response_project_bug_add(responseText, statusText, xhr, $form) {


        toastr.success("Project bug added successfully", "Success");
        $('#modal_ajax').modal('hide');
        reload_data(post_refresh_url);
    }



    /*-----------------custom functions for ajax post data handling--------------------*/



// custom function for reloading table data
    function reload_data(url)
    {
        $.ajax({
            url: url,
            success: function (response)
            {
                // Replace new page data
                jQuery('.main_data').html(response);



                // calls the tooltip again on ajax success
                $('[data-toggle="tooltip"]').each(function (i, el)
                {
                    var $this = $(el),
                            placement = attrDefault($this, 'placement', 'top'),
                            trigger = attrDefault($this, 'trigger', 'hover'),
                            popover_class = $this.hasClass('tooltip-secondary') ? 'tooltip-secondary' : ($this.hasClass('tooltip-primary') ? 'tooltip-primary' : ($this.hasClass('tooltip-default') ? 'tooltip-default' : ''));

                    $this.tooltip({
                        placement: placement,
                        trigger: trigger
                    });

                    $this.on('shown.bs.tooltip', function (ev)
                    {
                        var $tooltip = $this.next();

                        $tooltip.addClass(popover_class);
                    });
                });



            }
        });
    }

</script>