<?php
$ticket_detail = $this->db->get_where('ticket', array('ticket_code' => $ticket_code))->result_array();
foreach ($ticket_detail as $row):
    ?>
    <!-- BREADCRUMB STARTS -->
    <ol class="breadcrumb bc-2">
        <li>
            <a href="<?php echo base_url(); ?>">
                <i class="entypo-folder"></i>
                <?php echo get_phrase('dashboard'); ?>
            </a>
        </li>
        <li>
            <a href="<?php echo base_url(); ?>index.php?staff/support_ticket">
                <?php echo get_phrase('ticket_list'); ?></a>
        </li>
        <li class="active"><?php echo $row['title']; ?></li>
    </ol>
    <!-- BREADCRUMB ENDS -->


    <div class="row">

        <div class="col-md-8">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">
                        <h4>
                            <i class="entypo-ticket"></i> <?php echo $row['title']; ?>

                        </h4>
                    </div>
                </div>

                <div class="panel-body" style="padding:0px;">

                    <!-- List of Ticket replies -->					
                    <div class="profile-env">
                        <section class="profile-feed" style="margin:0px;padding:0px;">
                            <!-- user profile -->
                            <div class="profile-stories">
                                <?php
                                $ticket_messages = $this->db->get_where('ticket_message', array('ticket_code' => $ticket_code))->result_array();
                                foreach ($ticket_messages as $row2):
                                    ?>
                                    <article class="story" style="padding:0px 10px 0px 20px; margin:20px 0px;">
                                        <aside class="user-thumb">
                                            <a href="#">
                                                <img src="<?php
                                                echo $this->crud_model->get_image_url(
                                                        $row2['sender_type'], $row2['sender_id']);
                                                ?>" 
                                                     alt="" class="img-circle" style="height:40px; width: 40px;">
                                            </a>
                                        </aside>

                                        <div class="story-content">
                                            <!--  header -->
                                            <header>
                                                <div class="publisher">
                                                    <a href="#">
                                                        <?php echo $this->crud_model->get_type_name_by_id($row2['sender_type'], $row2['sender_id']); ?>
                                                    </a> 
                                                    <em><small>
                                                            <?php echo $row2['sender_type']; ?> 
                                                            <i class="entypo-dot"></i> 
                                                            <?php echo $row2['timestamp']; ?> 
                                                        </small></em>
                                                </div>


                                            </header>

                                            <div class="story-main-content" style="text-align:justify;">
                                                <p><?php echo $row2['message']; ?></p>
                                            </div>

                                            <?php if ($row2['file'] != "") { ?>
                                                <i class="entypo-download"></i>
                                                <a href="<?php echo base_url() . 'uploads/ticket_file/' . $row2['file']; ?>" class="">
                                                    <?php echo $row2['file']; ?>
                                                </a>
                                            <?php } ?>

                                        </div>
                                    </article>
                                    <!-- separator -->
                                    <hr style="margin:0px;">
                                <?php endforeach; ?>
                            </div>

                        </section>
                    </div>

                    <!-- reply option only for opened ticket-->
                    <?php if ($row['status'] == 'opened'): ?>
                        <?php
                        echo form_open('client/support_ticket_post_reply/' . $row['ticket_code'], array('class' => 'form-horizontal form-groups validate ticket-message-add',
                            'enctype' => 'multipart/form-data', 'style' => 'padding:20px;'));
                        ?>
                        <div class="form-group">
                            <label for="field-1" class="col-sm-2 control-label">
                                <i class="entypo-level-down"></i>
                                <?php echo get_phrase('reply_ticket'); ?>
                            </label>

                            <div class="col-sm-9">
                                <textarea class="form-control" rows="5" name="message" id="message"data-validate="required" 
                                          data-message-required="<?php echo get_phrase('value_required'); ?>" ></textarea>
                            </div>
                        </div>

                        <div class="form-group"><div class="col-sm-offset-2 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('select_file'); ?></span>
                                        <span class="fileinput-exists"><?php echo get_phrase('change'); ?></span>
                                        <input type="file" name="file" 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">
                            <label for="field-1" class="col-sm-2 control-label"></label>

                            <div class="col-sm-9">
                                <select name="canned_message" class="form-control selectboxit" id="support_canned_message_id" onchange="return apply_macro(this.value)">
                                    <option><?php echo get_phrase('apply_macro'); ?></option>
                                    <?php
                                    $canned_message = $this->db->get('support_canned_message')->result_array();
                                    foreach ($canned_message as $canned_message):
                                        ?>
                                        <option value="<?php echo $canned_message['support_canned_message_id'] ?>">
                                            <?php echo $canned_message['title']; ?></option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-8">
                                <button type="submit" class="btn btn-info" id="submit-button">
                                    <?php echo get_phrase('post_reply'); ?></button>
                                <span id="preloader-form"></span>
                            </div>
                        </div>
                        <?php form_close(); ?>
                    <?php endif; ?>
                </div>

            </div>

        </div>

        <!-- TICKET SUMMARY STARTS-->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="panel-title">
                        <h4>
                            <i class="entypo-info-circled"></i> <?php echo get_phrase('ticket_summary'); ?>

                        </h4>
                    </div>
                </div>

                <div class="panel-body" style="padding:0px;">
                    <table class="table table-striped">
                        <tr>
                            <td style="width:130px;"><i class="entypo-dot"></i> <?php echo get_phrase('ticket_code'); ?></td>
                            <td> : </td>
                            <td><?php echo $row['ticket_code']; ?></td>
                        </tr>
                        <tr>
                            <td><i class="entypo-dot"></i> <?php echo get_phrase('client'); ?></td>
                            <td> : </td>
                            <td><?php echo $this->crud_model->get_type_name_by_id('client', $row['client_id']); ?></td>
                        </tr>
                        <tr>
                            <td><i class="entypo-dot"></i> <?php echo get_phrase('project'); ?></td>
                            <td> : </td>
                            <td><?php echo $this->crud_model->get_type_name_by_id('project', $row['project_id'], 'title'); ?></td>
                        </tr>
                        <tr>
                            <td><i class="entypo-dot"></i> <?php echo get_phrase('assigned_staff'); ?></td>
                            <td> : </td>
                            <td><?php echo $this->crud_model->get_type_name_by_id('staff', $row['assigned_staff_id']); ?></td>
                        </tr>
                        <tr>
                            <td><i class="entypo-dot"></i> <?php echo get_phrase('ticket_status'); ?></td>
                            <td> : </td>
                            <td>
                                <div class="label label-<?php
                                if ($row['status'] == 'closed')
                                    echo 'primary';
                                else if ($row['status'] == 'opened')
                                    echo 'success'
                                    ?>">
                                    <?php echo $row['status']; ?></div>
                            </td>
                        </tr>
                        <tr>
                            <td><i class="entypo-dot"></i> <?php echo get_phrase('ticket_priority'); ?></td>
                            <td> : </td>
                            <td>
                                <div class="label label-<?php
                                if ($row['priority'] == 'high')
                                    echo 'danger';
                                else if ($row['priority'] == 'medium')
                                    echo 'info';
                                else if ($row['priority'] == 'low')
                                    echo 'default'
                                    ?>">
                                    <?php echo $row['priority']; ?></div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <!--Update ticket status-->
            <button type="button" class="btn btn-info btn-icon icon-left" 
                    onclick="showAjaxModal('<?php echo base_url(); ?>index.php?modal/popup/support_ticket_update_status/<?php echo $row['ticket_code']; ?>');">
                        <?php echo get_phrase('update_ticket_status'); ?>
                <i class="entypo-user-add"></i>
            </button>
        </div>
        <!-- TICKET SUMMARY ENDS-->

    </div>

<?php endforeach; ?>

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

        var options = {
            beforeSubmit: validate_ticket_message_add,
            success: show_response_ticket_message_add,
            resetForm: true
        };
        $('.ticket-message-add').submit(function () {
            $(this).ajaxSubmit(options);
            return false;
        });
        if ($.isFunction($.fn.selectBoxIt))
        {
            $("select.selectboxit").each(function (i, el)
            {
                var $this = $(el),
                        opts = {
                            showFirstOption: attrDefault($this, 'first-option', true),
                            'native': attrDefault($this, 'native', false),
                            defaultText: attrDefault($this, 'text', ''),
                        };

                $this.addClass('visible');
                $this.selectBoxIt(opts);
            });
        }
    });
    function validate_ticket_message_add(formData, jqForm, options) {

        if (!jqForm[0].message.value)
        {
            return false;
        }
        $('#preloader-form').html('<img src="assets/images/preloader.gif" style="height:15px;margin-left:20px;" />');
        document.getElementById("submit-button").disabled = true;
    }

    function show_response_ticket_message_add(responseText, statusText, xhr, $form) {
        $('#preloader-form').html('');
        toastr.success("Ticket reply submitted", "Success");
        document.getElementById("submit-button").disabled = false;
        reload_ticket_view_body();
    }


    function reload_ticket_view_body()
    {
        $.ajax({
            url: '<?php echo base_url(); ?>index.php?staff/reload_support_ticket_view_body/<?php echo $ticket_code; ?>',
                        success: function (response)
                        {
                            jQuery('.main_data').html(response);
                        }
                    });
                }


</script>
<script type="text/javascript">

    function apply_macro(support_canned_message_id) {

        $.ajax({
            url: '<?php echo base_url(); ?>index.php?staff/get_canned_message/' + support_canned_message_id,
            success: function (response)
            {
                jQuery('#message').html(response);
            }
        });

    }

</script>