<?= $this->session->unset_userdata('location_add_customer'); ?>
<?php 
$readonly_act = 'readonly';
if (empty($inp_judul)) {
    $readonly_act = '';
    $inp_judul = '';
    $inp_shop_id = '';
}
?> 

<div class="row">
    <div class="col-sm-12">
         <p>
            <a href="<?= base_url('admin/customers/ticket'); ?>">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Ticket
            </a>
        </p>  
    </div><!-- end class="col-sm-12" --> 
</div> <!-- end row -->

<div class="row">  
    <div class="col-md-12"> 
        <h4>
            Tiket Support <br>
            <h5>Nama Pelanggan :<?= $this_customer_name; ?></h5>
        </h4> 
        <?= $this->session->flashdata('success'); 
        //to display success message ?>

        <div class="row">

            <div class="col-md-12" style="display: flex;align-items: center;">
                <h4>Histori Percakapan</h4>
            </div>
            <div class="col-md-12">
                <div class="table-responsive">  
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th><strong>Tanggal</strong></th>
                                <th><strong>Pesan</strong></th> 
                                <th><strong>Status</strong></th>  
                            </tr>   
                        </thead>
                        <?php if (isset($query_ticket_support_details)): ?>
                            <?php foreach ($query_ticket_support_details->result() as $key): ?>
                                <tr>
                                    <td>
                                        <?= date("d M y, H:i:s", strtotime($key->tanggal)); ?>
                                    </td>
                                    <td>
                                        <?= $key->message; ?>
                                    </td>
                                    <td>
                                        <?= ucwords($key->status); ?>
                                    </td>
                                </tr>
                            <?php endforeach ?>
                        <?php endif ?>
    
                    </table> 
                </div>
            </div>
        </div>
        <br>
    
        <h4>Edit Tiket Dukungan</h4> 

        <br><br> 

        <?= form_open(base_url().'admin/customers/ticket/save',array('id'=>'form_edit')); ?> 
        <div class="row">
            <div class="col-md-3" style="display: flex;align-items: center;">
                <h4>Judul</h4>
            </div>
            <div class="col-md-8">
                <input value="<?= $inp_judul; ?>" <?= $readonly_act; ?> required="" name="inp_judul" id="inp_judul" type="text" class="form-control">
            </div>
        </div><br>

        <div class="row">
            <div class="col-md-3" style="display: flex;align-items: center;">
                <h4>Topik</h4>
            </div>
            <div class="col-md-8">
                <select <?= $readonly_act; ?> required="" class="form-control" name="slc_topik" id="slc_topik">
                    <option <?php if ($inp_shop_id == ''){ echo "selected"; } ?> disabled="" value="">-- Pilih salah satu --</option>
                    <?php foreach ($query_shops as $key): ?> 
                        <option <?php if ($inp_shop_id == $key->id){ echo "selected"; } ?> value="<?= $key->id; ?>">
                            <?= $key->shop_name; ?>
                        </option> 
                    <?php endforeach ?>
                    <option value="0">Lain-lain</option>
                </select>
            </div>
        </div><br>

        <div class="row">
            <div class="col-md-3" style="display: flex;align-items: center;">
                <h4>Pesan Anda</h4>
            </div>
            <div class="col-md-8 div_textarea_pesan">
                <!-- <textarea required="" class="form-control" name="inp_pesan" id="inp_pesan" cols="30" rows="10"></textarea> -->
            </div>
        </div><br>

        <div class="row">
            <div class="col-md-3" style="display: flex;align-items: center;">
                
            </div>
            <div class="col-md-8">
                <input type="submit" value="Kirim Tiket" class="btn btn-primary">
            </div>
        </div><br>
        <?= form_close(); ?>


    </div><!-- end col-sm-8-->  
</div>


<script>
    $(document).ready(function(){
        
        setTimeout(function(){
            $("div.div_textarea_pesan").html(
                '<textarea class="form-control" name="inp_pesan" id="inp_pesan" cols="30" rows="10"></textarea>'
            );
        },100);

        $("form#form_edit").off("submit");
        $("form#form_edit").submit(function(ev){  

            var csrfHash = '<?= $this->security->get_csrf_hash(); ?>';
            var this_case = "edit";
            var data =  [[]];

            var inp_pesan = $("textarea#inp_pesan").val();
            var inp_judul = $("input#inp_judul").val();
            var view_tiketsupport_id = parseInt(<?= $view_tiketsupport_id; ?>);
            data = {  
                        'this_case' : this_case, 
                        'csrftestname' : csrfHash,
                        'inp_pesan' : inp_pesan,
                        'inp_judul' : inp_judul,
                        'customer_id' : <?= $this_customer_id; ?>,
                        'tiketsupport_id' : view_tiketsupport_id,
                    };

            $.ajax({
                'url'  : "<?= base_url('admin/customers/ticket/save'); ?>",
                'type' : 'POST',  
                'dataType' :'json', 
                'data' : data, 
                'success'   : function(res) { 
                    if (res.res == 'sukses') {
                        location.reload();
                    }
                }
            });
            ev.preventDefault();
        });
    });
</script>