<div class="container">
<div class="row">
    <div class="col-sm-12">
        <p><a href="<?= base_url('admin/invoice'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Daftar Pembelian</a></p><br>
        <h4>NOMOR INVOICE: <?= $invoice->no_invoice ?></h4>
        <h4>TANGGAL PEMBELIAN: <?php echo date("d M Y", strtotime($invoice->tgl)) ?></h4>
        <?= $this->session->flashdata('success'); //to display success message ?>
        <?= $this->session->flashdata('result'); //to display result message ?>
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->
<div class="row">
    <div class="col-sm-4 "></div>
    <div class="col-sm-4 ">
    <?php echo form_open('admin/invoice/update_status/'.$invoice->id_invoice); ?>
        <select class="form-control" name="status" onchange="this.form.submit()">
            <!-- <option><?php echo ($invoice->payment_status) ? "Lunas" : "Belum Lunas" ; ?></option> -->
            <option <?php echo ($invoice->payment_status == 0) ? "Selected" : "" ; ?> value="0">Belum Lunas</option>
            <option <?php echo ($invoice->payment_status == 1) ? "Selected" : "" ; ?> value="1">Lunas</option>
        </select>
    </div>
    <?php echo form_close(); ?>
    <div class="col-sm-4 "></div>
</div>

<div class="row">
    <div class="col-sm-12">
    <table id="example" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
                <th>Detail</th>
                <th>Keterangan</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>No Invoice</td>
                <td><?= $invoice->no_invoice ?></td>
            </tr>
            <tr>
                <td>Status</td>
                <td><?php echo ($invoice->payment_status) ? "Lunas" : "Belum Lunas" ;  ?></td>
            </tr>
            <tr>
                <td>Tanggal Pembelian</td>
                <td><?php echo date("d M Y", strtotime($invoice->tgl)) ?></td>
            </tr>
            <tr>
                <td>Gudang</td>
                <td><?= $invoice->name ?></td>
            </tr>
            <tr>
                <td>
                    Produk [SKU] (Jumlah Beli)
                </td>
                <td></td>
            </tr>
            <?php foreach($invoice_detail as $indet): ?>
            <tr>
                <td>
                    <ul>
                        
                        <li><?= $indet["title"] ?> <?= $indet["attribute_detail"] ?> [<?= $indet["sku"] ?>] (<?= $indet["quantity"] ?>)  </li> 
                        
                    </ul>
                    
                </td>
                <td>
                        Rp. <?= $indet["purchase_price"] ?>
               
                </td>
            
            </tr>
            <?php endforeach; ?>
            <tr>
                <td>Total</td>
                <td>Rp. <?= $invoice->total_payment ?></td>
            </tr>
        </tbody>
    </table>
    <br><br><br>
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->

</div>

<script>
$(document).ready(function() {
    var table = $('#example').DataTable( {
        ordering:false,
        dom: 'Bt',
        buttons: [
              {
                  extend: 'pdfHtml5',
                  title: 'Detail Pembelian no <?= $invoice->no_invoice ?> '
              },
              {
                  extend: 'print',
                  title: 'Detail Pembelian no <?= $invoice->no_invoice ?> '
              }
          ]
    } );
 
    table.buttons().container()
        .appendTo( '#example_wrapper .col-sm-6:eq(0)' );
} );
</script>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.colVis.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.bootstrap.min.css">