@extends('frontend.layouts.frontend')
@inject('constant', "\App\Util\Constant")
@section('metaTitle', @$page->metaTitle)
@section('metaDescription', @$page->metaDescription)
@section('metaKeywords', @$page->metaKeywords)

@section('cssCustom')
    <style>
        pre {
            overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
        }

        code {
            background-color: #eee;
            border: 1px solid #999;
            display: block;
            padding: 20px;
        }
    </style>
@endsection

@section('content')
    <section id="help-content">
        <div class="help-content-section pt-xs-30 pb-xs-30">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 column-content">
                        <h3 class="title-content mb-20">API Documentation</h3>
                        <div class="accordion-help-content mb-60 mb-xs-40">
                            <div class="title">Intro</div>

                            <p>
                                Sebelum dapat menggunakan API DuhaSyariah, Merchant diwajibkan untuk mendaftarkan
                                dirinya terlebih dahulu untuk mendapatkan API Key dan Code.
                            </p>
                            <p>
                                API Key dan Code tersebut kemudian akan selalu digunakan dalam setiap request sebagai
                                header untuk proses otentikasi.
                            </p>
                            <p>
                                Merchant dimohon untuk tidak menyebarluaskan akses API Key dan Code yang diberikan.
                            </p>
                            <p>
                                Semua API end-point mewajibkan penggunaan Request Headers seperti yang didefinisikan
                                dibawah ini.
                            </p>

                            <div class="accordion-list" id="transaction-content">
                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#item-flowchart"
                                         aria-expanded="false" aria-controls="item-flowchart">
                                        Flowchart
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <div id="item-flowchart" class="content collapse"
                                         aria-labelledby="item-request-headers"
                                         data-parent="#status-transaction-content">
                                        <div class="col-md-12">
                                            <img src="{{ asset('assets/frontend/images/flowchart-api.jpg') }}" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#item-request-headers"
                                         aria-expanded="false" aria-controls="item-request-headers">
                                        Request Headers
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <div id="item-request-headers" class="content collapse"
                                         aria-labelledby="item-request-headers"
                                         data-parent="#status-transaction-content">
                                        <div class="col-md-12">
                                            <table class="table table-bordered" style="font-size: 14px">
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Type</th>
                                                    <th>Mandatory</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>merchantCode</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Merchant Code yang akan diberikan oleh DuhaSyariah setelah
                                                        pendaftaran
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>merchantKey</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Merchant API Key yang akan diberikan oleh DuhaSyariah setelah
                                                        pendaftaran
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-help-content mb-60 mb-xs-40">
                            <div class="title">Simulasi</div>

                            <div class="accordion-list" id="simulation-content">
                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#installment-simulation"
                                         aria-expanded="false" aria-controls="installment-simulation">
                                        Simulasi Cicilan
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <p>
                                        Menampilkan simulasi cicilan berdasarkan dari tipe transaksi
                                    </p>

                                    <div id="installment-simulation" class="content collapse"
                                         aria-labelledby="item-create-transaction"
                                         data-parent="#create-transaction-content">
                                        <div class="col-md-12">
                                            URL
                                            <code>POST - {{ url('/') . '/api/transaction/installment-simulation' }}</code>
                                            <br>
                                            Request
                                            <pre>
                                                <code>
                                                    {
                                                        "type":"SHOPPING",
                                                        "price":"5000000",
                                                    }
                                                </code>
                                            </pre>
                                            <table class="table table-bordered" style="font-size: 12px">
                                                <tr>
                                                    <th class="">Name</th>
                                                    <th>Type</th>
                                                    <th>Mandatory</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>type</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jenis transaksi, harus diisi dengan <b>SHOPPING</b> atau <b>TRAVEL</b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>price</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Total harga produk</td>
                                                </tr>
                                            </table>
                                            <br>
                                            Response - Success
                                            <pre>
                                                <code>
                                                    [
                                                        {
                                                            "period": 1,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 5100000
                                                        },
                                                        {
                                                            "period": 2,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 2600000
                                                        },
                                                        {
                                                            "period": 3,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 1766667
                                                        },
                                                        {
                                                            "period": 6,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 933334
                                                        },
                                                        {
                                                            "period": 9,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 655556
                                                        },
                                                        {
                                                            "period": 12,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 516667
                                                        },
                                                        {
                                                            "period": 18,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 377778
                                                        },
                                                        {
                                                            "period": 24,
                                                            "downPaymentAmount": 0,
                                                            "installmentAmount": 308334
                                                        }
                                                    ]
                                                </code>
                                            </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-help-content mb-60 mb-xs-40">
                            <div class="title">Registrasi</div>

                            <div class="accordion-list" id="transaction-content">
                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#application-registration"
                                            aria-expanded="false" aria-controls="application-registration">
                                        Registrasi Aplikasi
                                        <span class="circle-caret">
                                            <i class="fa fa-chevron-down"></i>
                                        </span>
                                    </div>

                                    <p>
                                        Mendaftarkan aplikasi baru sesuai dengan type transaksi yang akan di lakukan
                                    </p>

                                    <div id="application-registration" class="content collapse"
                                         aria-labelledby="item-create-transaction"
                                         data-parent="#create-transaction-content">
                                        <div class="col-md-12">
                                            URL
                                            <code>POST - {{ url('/') . '/api/creditapplication/register' }}</code>
                                            <br>
                                            Request <br>
                                            <small>Using Content Type : Form Data</small> <br>
                                            <table class="table table-bordered" style="font-size: 12px">
                                                <tr>
                                                    <th class="">Name</th>
                                                    <th>Type</th>
                                                    <th>Mandatory</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>type</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jenis transaksi, harus diisi dengan <b>SHOPPING</b> atau <b>TRAVEL</b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>fullName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Lengkap</td>
                                                </tr>
                                                <tr>
                                                    <td>mobilePhone</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nomor Telepon</td>
                                                </tr>
                                                <tr>
                                                    <td>password</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Password</td>
                                                </tr>
                                                <tr>
                                                    <td>passwordConfirmation</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Password Konfirmasi</td>
                                                </tr>
                                                <tr>
                                                    <td>email</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Alamat Email</td>
                                                </tr>
                                                <tr>
                                                    <td>dateOfBirth</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Tanggal Lahir, Format : YYYY-MM-DD</td>
                                                </tr>
                                                <tr>
                                                    <td>religion</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Agama, harus diisi dengan <b>ISLAM</b>, <b>CHRISTIAN</b>, <b>HINDU</b>, <b>BUDDHISM</b>, <b>KHONGHUCU</b>, atau OTHERS</td>
                                                </tr>
                                                <tr>
                                                    <td>gender</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jenis Kelamin, harus diisi dengan <b>MALE</b> atau <b>FEMALE</b></td>
                                                </tr>
                                                <tr>
                                                    <td>idCardName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Sesuai KTP</td>
                                                </tr>
                                                <tr>
                                                    <td>idCardNumber</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nomor NIK sesuai KTP</td>
                                                </tr>
                                                <tr>
                                                    <td>idCardImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>Yes</td>
                                                    <td>Foto dari KTP</td>
                                                </tr>
                                                <tr>
                                                    <td>profileImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>Yes</td>
                                                    <td>Foto Selfie sambil memegang KTP</td>
                                                </tr>
                                                <tr>
                                                    <td>motherName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Ibu Kandung</td>
                                                </tr>
                                                <tr>
                                                    <td>lastEducation</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Pendidikan terakhir, harus diisi dengan <b>ELEMENTARY_SCHOOL</b>, <b>SECONDARY_SCHOOL</b>, <b>HIGH_SCHOOL</b>, <b>DIPLOMA</b>, <b>BACHELOR</b>, <b>MASTER</b>, atau <b>DOCTORATE</b></td>
                                                </tr>
                                                <tr>
                                                    <td>maritalCondition</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Status Pernikahan, harus diisi dengan <b>SINGLE</b>, <b>MARRIED</b>, <b>WIDOWED</b>, atau <b>DIVORCED</b></td>
                                                </tr>
                                                <tr>
                                                    <td>childrenCount</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jumlah Anak</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Kontak Darurat</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactPhone</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Telepon Kontak Darurat</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactRelation</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Hubungan Kontak Darurat</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactAltName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Kontak Darurat 2</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactAltPhone</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Telepon Kontak Darurat 2</td>
                                                </tr>
                                                <tr>
                                                    <td>emergencyContactAltRelation</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Hubungan Kontak Darurat 2</td>
                                                </tr>
                                                <tr>
                                                    <td>taxNumberImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto NPWP</td>
                                                </tr>
                                                <tr>
                                                    <td>familyRegisterImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>Yes</td>
                                                    <td>Foto Kartu Keluarga</td>
                                                </tr>
                                                <tr>
                                                    <td>address</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Alamat Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>province</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Provinsi Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>city</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Kota Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>subdistrict</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Kecamatan Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>village</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Kelurahan Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>postalCode</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Kode Pos Tempat Tinggal</td>
                                                </tr>
                                                <tr>
                                                    <td>addressType</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Tipe Alamat, harus diisi dengan <b>OWN</b>, <b>PARENT</b>, <b>WORK</b>, <b>CONTRACT</b>, <b>KOST</b>, atau <b>OTHER</b></td>
                                                </tr>
                                                <tr>
                                                    <td>occupationType</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Tipe Pekerjaan, harus diisi dengan <b>GOVERNMENT</b>, <b>PRIVATE</b>, <b>PROFESSIONAL</b>, <b>HONORARY</b>, <b>ENTERPRENEUR</b>, <b>UNEMPLOYED</b>, atau <b>OTHER</b></td>
                                                </tr>
                                                <tr>
                                                    <td>workplaceSelfieImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>Yes</td>
                                                    <td>Foto Selfie di Tempat Kerja</td>
                                                </tr>
                                                <tr>
                                                    <td>employmentType</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Tipe Karyawan, harus diisi dengan <b>EMPLOYEE</b> atau <b>CONTRACT</b></td>
                                                </tr>
                                                <tr>
                                                    <td>companyContractExpiryDate</td>
                                                    <td><i>String</i></td>
                                                    <td>No</td>
                                                    <td>Tanggal berakhir Kontrak, Mandatory jika employmentType = CONTRACT, Format : YYYY-MM-DD</td>
                                                </tr>
                                                <tr>
                                                    <td>companyName</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama Perusahaan</td>
                                                </tr>
                                                <tr>
                                                    <td>companyPhone</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Telepon Perusahaan</td>
                                                </tr>
                                                <tr>
                                                    <td>companyEmploymentTime</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Lama Bekerja (Tahun)</td>
                                                </tr>
                                                <tr>
                                                    <td>companyPosition</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jabatan</td>
                                                </tr>
                                                <tr>
                                                    <td>companyAddress</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Alamat Perusahaan</td>
                                                </tr>
                                                <tr>
                                                    <td>companyProvince</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Provinsi Perusahaan</td>
                                                </tr>
                                                <tr>
                                                    <td>companyCity</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Kota Perusahaan</td>
                                                </tr>
                                                <tr>
                                                    <td>monthlyIncome</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Pendapatan Per Bulan</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocPaySlipImage</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>Yes</td>
                                                    <td>Foto Slip Gaji</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocBankStatementImage1</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto rekening Koran 1</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocBankStatementImage2</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto rekening Koran 2</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocBankStatementImage3</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto rekening Koran 3</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocBankStatementImage4</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto rekening Koran 4</td>
                                                </tr>
                                                <tr>
                                                    <td>additionalDocBankStatementImage5</td>
                                                    <td><i>File - Image</i></td>
                                                    <td>No</td>
                                                    <td>Foto rekening Koran 5</td>
                                                </tr>
                                            </table>
                                            <br>
                                            Response - Success
                                            <pre>
                                                <code>
                                                    {
                                                        "applicationId": 499,
                                                        "type": "SHOPPING",
                                                        "fullName": "User Test via API",
                                                        "mobilePhone": "6281232141235",
                                                        "email": "test.1234@gmail.com",
                                                        "appUrl": "https://play.google.com/store/apps/details?id=com.duhasyariah.app&hl=en"
                                                    }
                                                </code>
                                            </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-help-content mb-60 mb-xs-40">
                            <div class="title">Transaksi</div>

                            <div class="accordion-list" id="transaction-content">
                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#item-create-transaction"
                                         aria-expanded="false" aria-controls="item-create-transaction">
                                        Buat Transaksi
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <p>
                                        Membuat transaksi di DuhaSyariah sesuai spesifikasi dari Merchant
                                    </p>

                                    <div id="item-create-transaction" class="content collapse"
                                         aria-labelledby="item-create-transaction"
                                         data-parent="#create-transaction-content">
                                        <div class="col-md-12">
                                            URL
                                            <code>POST - {{ url('/') . '/api/transaction/create' }}</code>
                                            <br>
                                            Request
                                            <pre>
                                                <code>
                                                    {
                                                        "type":"SHOPPING",
                                                        "orderNumber":"ORDER20190611001",
                                                        "orderDate":"2019-06-11 23:59:59",
                                                        "expiredDate":"2019-06-13 23:59:59",
                                                        "orderGrandTotal":100000,
                                                        "orderItems":[
                                                            {
                                                                "name":"Coklat Lezat",
                                                                "type":"ITEM",
                                                                "quantity":1.00,
                                                                "value":"100000"
                                                            },
                                                            {
                                                                "name":"Biaya Pengiriman",
                                                                "type":"SHIPPING",
                                                                "quantity":1.00,
                                                                "value":20000  
                                                            },
                                                            {
                                                                "name":"Diskon Free Ongkir",
                                                                "type":"DISCOUNT",
                                                                "quantity":1.00,
                                                                "value":20000  
                                                            }
                                                        ]
                                                    }
                                                </code>
                                            </pre>
                                            <table class="table table-bordered" style="font-size: 12px">
                                                <tr>
                                                    <th class="">Name</th>
                                                    <th>Type</th>
                                                    <th>Mandatory</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>type</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jenis transaksi, harus diisi dengan <b>SHOPPING</b> atau <b>TRAVEL</b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderNumber</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nomor transaksi dari Merchant</td>
                                                </tr>
                                                <tr>
                                                    <td>orderDate</td>
                                                    <td><i>Timestamp</i></td>
                                                    <td>Yes</td>
                                                    <td>Tanggal transaksi dibuat, harus menggunakan format 24 jam dalam
                                                        bentuk <b>Y-m-d H:i:s</b></td>
                                                </tr>
                                                <tr>
                                                    <td>expiredDate</td>
                                                    <td><i>Timestamp</i></td>
                                                    <td>Yes</td>
                                                    <td>Tanggal transaksi akan kadaluarsa, harus menggunakan format 24
                                                        jam dalam bentuk <b>Y-m-d H:i:s</b></td>
                                                </tr>
                                                <tr>
                                                    <td>orderGrandTotal</td>
                                                    <td><i>Integer</i></td>
                                                    <td>Yes</td>
                                                    <td>Total nominal yang harus dibayarkan oleh pelanggan kepada
                                                        Merchant
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderItems</td>
                                                    <td><i>Array</i></td>
                                                    <td>Yes</td>
                                                    <td>Detil barang yang dibeli oleh pelanggan dari Merchant</td>
                                                </tr>
                                                <tr>
                                                    <td>orderItems[i].name</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nama barang atau jasa yang termasuk dalam pembelanjaan
                                                        pelanggan
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderItems[i].type</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Jenis barang atau jasa, harus diisi dengan <b>ITEM</b>, <b>SHIPPING</b>,
                                                        <b>DISCOUNT</b>, <b>TAX</b>, <b>SERVICE</b>, atau <b>OTHER</b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderItems[i].quantity</td>
                                                    <td><i>Float</i></td>
                                                    <td>Yes</td>
                                                    <td>Jumlah barang atau jasa yang di beli, bila <b>type</b> bukan
                                                        diisi dengan <b>ITEM</b> masukkan 1
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderItems[i].value</td>
                                                    <td><i>Integer</i></td>
                                                    <td>Yes</td>
                                                    <td>Nominal barang atau jasa yang dibeli, bila <b>type</b> adalah
                                                        diskon maka akan dianggap nilai negatif
                                                    </td>
                                                </tr>
                                            </table>
                                            <br>
                                            Response - Success
                                            <pre>
                                                <code>
                                                    {
                                                        "id":45,
                                                        "transactionNumber":"45-2019",
                                                        "orderNumber":"INV-2019-06-11-000270",
                                                        "url":"http:\/\/duhasyariah.stagingdevbox.com\/transaction\/login\/45-2019"
                                                    }
                                                </code>
                                            </pre>
                                        </div>
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#item-status-transaction"
                                         aria-expanded="false" aria-controls="item-status-transaction">
                                        Cek Status Transaksi
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <p>
                                        Mengecek status transaksi apakah sudah lunas atau belum
                                    </p>

                                    <div id="item-status-transaction" class="content collapse"
                                         aria-labelledby="item-status-transaction"
                                         data-parent="#status-transaction-content">
                                        <div class="col-md-12">
                                            URL
                                            <code>POST - {{ url('/') . '/api/transaction/check-status' }}</code>
                                            <br>
                                            Request
                                            <pre>
                                                <code>
                                                    {
                                                        "transactionNumber":"45-2019"
                                                    }
                                                </code>
                                            </pre>
                                            <table class="table table-bordered" style="font-size: 12px">
                                                <tr>
                                                    <th class="">Name</th>
                                                    <th>Type</th>
                                                    <th>Mandatory</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>transactionNumber</td>
                                                    <td><i>String</i></td>
                                                    <td>Yes</td>
                                                    <td>Nomor transaksi yang diberikan oleh DuhaSyariah setelah
                                                        pembuatan transaksi
                                                    </td>
                                                </tr>
                                            </table>
                                            <br>
                                            Response - Success
                                            <pre>
                                                <code>
                                                    {
                                                        "transactionNumber":"45-2019",
                                                        "type":"SHOPPING",
                                                        "orderNumber":"ORDER20190611001",
                                                        "orderDate":"2019-06-11 23:59:59",
                                                        "orderItems":[
                                                            {
                                                                "name":"Coklat Lezat",
                                                                "type":"ITEM",
                                                                "quantity":1.00,
                                                                "value":"100000"
                                                            },
                                                            {
                                                                "name":"Biaya Pengiriman",
                                                                "type":"SHIPPING",
                                                                "quantity":1.00,
                                                                "value":20000  
                                                            },
                                                            {
                                                                "name":"Diskon Free Ongkir",
                                                                "type":"DISCOUNT",
                                                                "quantity":1.00,
                                                                "value":20000  
                                                            }
                                                        ],
                                                        "orderGrandTotal":"100000.0000",
                                                        "url":"http:\/\/duhasyariah.stagingdevbox.com\/transaction\/login\/45-2019",
                                                        "status":"PENDING"
                                                    }
                                                </code>
                                            </pre>
                                        </div>
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="title" data-toggle="collapse" data-target="#item-notify-transaction"
                                         aria-expanded="false" aria-controls="item-notify-transaction">
                                        Notify Transaction
                                        <span class="circle-caret">
                                        <i class="fa fa-chevron-down"></i>
                                    </span>
                                    </div>

                                    <p>
                                        Memberi tahu Merchant bahwa status transaksi telah diubah
                                    </p>

                                    <div id="item-notify-transaction" class="content collapse"
                                         aria-labelledby="item-notify-transaction"
                                         data-parent="#notify-transaction-content">
                                        <div class="col-md-12">
                                            URL
                                            <code>POST - DEFINED BY MERCHANT</code>
                                            <br>
                                            Request
                                            <pre>
                                                <code>
                                                    {
                                                        "transactionNumber":"45-2019",
                                                        "type":"SHOPPING",
                                                        "orderNumber":"INV-2019-10-01-0001",
                                                        "orderDate":"2019-10-01 12:34:56",
                                                        "orderGrandTotal":2605500.0000,
                                                        "url":"http:\/\/duhasyariah.stagingdevbox.com\/transaction\/login\/45-2019",
                                                        "status":"PAID"
                                                    }
                                                </code>
                                            </pre>
                                            <table class="table table-bordered" style="font-size: 12px">
                                                <tr>
                                                    <th class="">Name</th>
                                                    <th>Type</th>
                                                    <th>Description</th>
                                                </tr>
                                                <tr>
                                                    <td>transactionNumber</td>
                                                    <td><i>String</i></td>
                                                    <td>Nomor transaksi yang diberikan oleh DuhaSyariah setelah
                                                        pembuatan transaksi
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>type</td>
                                                    <td><i>String</i></td>
                                                    <td>Diisi dengan
                                                        nilai {{ implode(', ', array_keys($constant::CREDIT_APPLICATION_TYPE_LABELS)) }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>orderNumber</td>
                                                    <td><i>String</i></td>
                                                    <td>Nomor pesanan yang dibuat dari sisi Merchant</td>
                                                </tr>
                                                <tr>
                                                    <td>orderDate</td>
                                                    <td><i>String</i></td>
                                                    <td>Tgl. pesanan yang dibuat dari sisi Merchant</td>
                                                </tr>
                                                <tr>
                                                    <td>orderGrandTotal</td>
                                                    <td><i>Float</i></td>
                                                    <td>Nominal pesanan yang dibuat dari sisi Merchant</td>
                                                </tr>
                                                <tr>
                                                    <td>url</td>
                                                    <td><i>String</i></td>
                                                    <td>Link untuk membuka detil pesanan di DuhaSyariah.com</td>
                                                </tr>
                                                <tr>
                                                    <td>status</td>
                                                    <td><i>String</i></td>
                                                    <td>Diisi dengan PENDING, CANCELLED, PAID</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection