<div class="modal-header">
    <h4 class="modal-title">Bayar</h4>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">×</span>
    </button>
</div>
<div class="modal-body">
    <form method="POST" action="<?= base_url('transactions/pay_proccess/' . $data->id_permintaan) ?>" enctype="multipart/form-data">
        <?= csrf_field() ?>
        <div class="row">
            <div class="col-6" style="text-align: middle;">
                <img class="card-img-top" src="<?= base_url($data->gambar_model) ?>" width="250px" height="300px" alt="Card image cap">
            </div>
            <div class="col-6">
                <h4>Detail</h4>
                <table cellpadding="4">
                    <tr>
                        <td><b>Model</b></td>
                        <td style="width: 20px; text-align: center;">:</td>
                        <td><?= $data->nama_model  ?></td>
                    </tr>
                    <tr>
                        <td><b>Nama Kain</b></td>
                        <td style="width: 20px; text-align: center;">:</td>
                        <td><?= $data->nama_kain  ?></td>
                    </tr>
                    <tr>
                        <td><b>Harga</b></td>
                        <td style="width: 20px; text-align: center;">:</td>
                        <td>Rp. <?= number_format($data->harga, 0, ",", ".") ?></td>
                    </tr>
                    <tr>
                        <td><b>Warna</b></td>
                        <td style="width: 20px; text-align: center;">:</td>
                        <td><?= $data->warna  ?></td>
                    </tr>
                    <tr>
                        <td><b>Ukuran</b></td>
                        <td style="width: 20px; text-align: center;">:</td>
                        <td><?= $data->ukuran  ?></td>
                    </tr>
                    <tr>
                        <td>
                            <p><b>Detail Custom</b></p>
                        </td>
                        <td style="width: 20px; text-align: center;">
                            <p>:</p>
                        </td>
                        <td><?= $data->detail_custom  ?></td>
                    </tr>
                </table>
            </div>
            <div class="col-12">
                <h4 class="mb-2 mt-2">Detail Pembayaran</h4>
                <table class="w-100 mb-3">
                    <tr>
                        <td>
                            <b>Transfer Ke</b>
                        </td>
                        <td style="width: 20px; text-align: center; height: 50px;">
                            :
                        </td>
                        <td>Bca 8945242589 a.n Annisa Syar'i (naning indras)</td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <div class="form-group">
                                <label class="form-label" for="exampleInputJumlahPembayaran">Jumlah Pembayaran</label>
                                <input type="number" class="form-control" id="exampleInputJumlahPembayaran" name="jumlah_bayar" placeholder="Input Jumlah Pembayaran" required>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <div class="form-group">
                                <label class="form-label" for="status">Pembayaran</label>
                                <select class="custom-select rounded-0" id="status" name="status" required>
                                    <option value="LUNAS">Lunas</option>
                                    <option value="DP">DP</option>
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <label class="form-label" for="exampleTanggal">Tanggal Bayar</label>
                            <input type="datetime-local" class="form-control" id="exampleTanggal" name="tanggal_bayar" value="<?= date('Y-m-d\TH:i') ?>" required>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
            <button type="submit" class="btn btn-outline-primary">Bayar</button>
        </div>
    </form>
</div>