@extends('layouts.authorized')
@inject('constant', '\App\Util\Constant')
@section('title', 'Riwayat Pembiayaan')

@section('headerCustom')
    @php
        $title = 'Riwayat Pembiayaan';
    @endphp
@endsection

@section('cssCustom')
    <style>
        .text-warning{
            color: gold !important;
        }
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="card">
                <div class="card-header card-header-add ">
                    <span>{{ $title }}</span>
                </div>
                <div class="row" style="padding-top: 15px;">
                    <div class="col-md-12">
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <label>Tgl. Pendanaan</label>
                            <div class="input-group input-date-range">
                                <input name="dateFrom" type="text" class="datepickerinput custom-date-range form-control" value="{{  Carbon::now()->subMonths(1)->format('d M Y') }}">
                                <span class="input-group-addon">To</span>
                                <input name="dateTo" type="text" class="datepickerinput custom-date-range form-control" value="{{ Carbon::now()->format('d M Y') }}">
                            </div>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <label>Status Invoice/PO</label>
                            <select name="invoiceStatus" class="form-control" style="width: 100%" onchange="refreshDataTable()">
                                <option value="">Semua Status</option>
                                <option value="{{ $constant::INVOICE_STATUS_OFFERED }}">{{ $constant::INVOICE_STATUS_LABELS[$constant::INVOICE_STATUS_OFFERED] }}</option>
                                <option value="{{ $constant::INVOICE_STATUS_ACTIVE }}">{{ $constant::INVOICE_STATUS_LABELS[$constant::INVOICE_STATUS_ACTIVE] }}</option>
                                <option value="{{ $constant::INVOICE_STATUS_COMPLETED }}">{{ $constant::INVOICE_STATUS_LABELS[$constant::INVOICE_STATUS_COMPLETED] }}</option>
                            </select>
                        </div>
                    </div>
                </div>
                @tableconfig
                <div class="card-body no-padding table-responsive">
                    @tableajax(route('userAnchor.scf.invoicePayment.data'))
                    <thead>
                        <tr>
                            <th data-column-name="invoiceNumber" width="25%">No. Pembiayaan</th>
                            <th data-column-name="poNumber" width="25%">No. PO</th>
                            <th data-column-name="invoiceFinancingNumber" width="25%">No. Invoice</th>
                            {{-- <th data-column-name="methodPayment">Metode Pembayaran</th> --}}
                            <th data-column-name="amount">Nilai Pembiayaan</th>
                            <th data-column-name="date">Tanggal Pengajuan</th>
                            {{-- <th data-column-name="akadStatus">Status Akad</th> --}}
                            {{-- <th data-column-name="paymentStatus">Status Dana</th> --}}
                            {{-- <th data-column-name="refundStatus">Status Pengembalian</th> --}}
                            <th data-column-name="createdAt">Tgl. Persetujuan Anchor</th>
                            <th data-column-name="activeAt">Tgl. Pencairan</th>
                            <th data-column-name="emailDueDate">Tgl. Jatuh Tempo</th>
                            <th data-column-name="repaymentDate">Tgl. Pembayaran</th>
                            <th data-column-name="vaNumberPayment">No. VA Pembayaran</th>
                            {{-- <th data-column-name="investorContract" data-sortable="false">Dokumen Kontrak</th>
                            <th data-column-name="privyDocumentUrl" data-sortable="false">Dokumen Privy</th>
                            <th data-column-name="privyDocumentToken" data-sortable="false">Dokumen Signed</th> --}}
                            <th data-column-name="borrowerContract" data-sortable="false">Dokumen Borrower</th>
                            <th data-column-name="status">Status</th>
                        </tr>
                    </thead>
                    @endtableajax
                </div>
            </div>
        </div>
    </div>

@endsection

@section('jsCustom')
    <script>
        $(document).ready(function() {
            $('.custom-date-range').on('dp.change', function() {
                refreshDataTable();
            });
        });

        function customColumns(index) {
            if(index === 0){
                return {
                    // 7 : function (data, type, row, meta) {
                    //     if (data == "") {
                    //         return "Belum melakukan hold balance";
                    //     }else if (data == '{{ $constant::INVOICE_PAYMENT_RDI_DANAMON_STATUS_VERIFICATION }}') {
                    //         return "N/A";
                    //     } else {
                    //         return `<a href=${data} target="_blank">Lihat Dokumen</a>`;
                    //     }

                    // },
                    // 8 : function (data, type, row, meta) {
                    //     if (row[7] == "") {
                    //         return "Belum melakukan hold balance";
                    //     }else if (row[7] == '{{ $constant::INVOICE_PAYMENT_RDI_DANAMON_STATUS_VERIFICATION }}') {
                    //         return "N/A";
                    //     } else {
                    //         return `<a href=${data} target="_blank">Lihat Dokumen</a>`;
                    //     }
                    // },
                    // 9 : function (data, type, row, meta) {
                    //     if (row[4] == '{{ $constant::INVOICE_PAYMENT_AKAD_STATUS_LABELS["COMPLETE"] }}') {
                    //         var result = '<a href="{{ route('admin.privy.getSignedDoc', ['token' => '']) }}/'+ data +'" target="_blank">Lihat Dokumen</a>';
                    //     } else {
                    //         var result = 'N/A';
                    //     }
                    //     return result;
                    // },
                    10 : function (data, type, row, meta) {
                        let datas   = JSON.parse(data);
                        let html    = "";

                        if (datas.borrowerContract1 !== ""){
                            html    += `<a href=${datas.borrowerContract1} target="_blank">Lihat Dokumen ${datas.borrowerContractName1}</a> <hr style='border: 1px solid;'/>`;
                        }
                        if (datas.borrowerContract2 !== ""){
                            html    += `<a href=${datas.borrowerContract2} target="_blank">Lihat Dokumen ${datas.borrowerContractName2}</a>`;
                        }
                        
                        return html;
                    },
                }
            }
            else {
                return '';
            }
        }

        function customFilter(filter) {
            filter.dateFrom         = $('[name=dateFrom]').val();
            filter.dateTo           = $('[name=dateTo]').val();
            filter.invoiceStatus    = $('[name=invoiceStatus]').val();
            return filter;
        }

        function refreshDataTable() {
            dataTableList[0].clear().draw();
        }

    </script>
@endsection