@extends('cms.layouts.authorized')

@section('title', 'Daftar Riwayat Transaksi')

@section('headerCustom')
    @php
        $title = 'Daftar Riwayat Transaksi';
        $urlPrefix = 'userAnchor.employer';
    @endphp
@endsection

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <ul id="listOrderStatus" class="nav nav-tabs">
                <li @if(empty($status)) class="active" @endif>
                    <a href="{{ route($urlPrefix.'.historytransactions') }}">
                        Semua
                    </a>
                </li>
                {{-- @foreach(\App\Util\Constant::TRANSACTION_STATUS_LABELS as $key => $label)
                    @php
                        if($key!=\App\Util\Constant::TRANSACTION_STATUS_VERIFICATION_EMPLOYER) continue;
                    @endphp
                    <li @if($status === $key) class="active" @endif>
                        <a href="{{ route($urlPrefix.'.historytransactions',['status' => $key]) }}">
                            @if ($key === \App\Util\Constant::TRANSACTION_STATUS_WAITING_INVESTOR && \Auth::isInvestorPic())
                                Menunggu Persetujuan Pembiayaan
                            @else
                                {{ $label }}
                            @endif
                        </a>
                    </li>
                @endforeach --}}
            </ul>
            <div class="card">
                <div class="card-header card-header-add ">
                    <span>{{ $title }}</span>
                    {{-- @if (!\Auth::isInvestorPic() && checkPermission(\App\Util\AclConstant::TRANSACTION_CREATE))
                        <a type="button" class="btn btn-success btn-xs pull-right"
                           href="{{ route($urlPrefix.'.custom.transactionUploadCsv') }}">
                            <i class="fa fa-plus"></i>
                            <span class="help-text">Upload CSV</span>
                        </a>
                    @endif --}}
                    {{-- @if($status === \App\Util\Constant::TRANSACTION_STATUS_VERIFICATION_EMPLOYER && \Auth::isAdminEmployer())
                        <a class="btn btn-success btn-xs pull-right" href="javascript:;" onclick="approveModal()" role="button"><span><i class="fa fa-check" aria-hidden="true"></i> Setujui</span></a>
                    @endif --}}
                </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 for="">Tgl. Pengajuan</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 for="">Tgl. Berjalan</label>
                            <div class="input-group input-date-range">
                                <input name="confirmDateFrom" type="text" class="datepickerinput custom-date-range form-control" value="">
                                <span class="input-group-addon">To</span>
                                <input name="confirmDateTo" type="text" class="datepickerinput custom-date-range form-control" value="">
                            </div>
                        </div>
                    </div>
                </div>
                @tableconfig
                <div class="card-body no-padding table-responsive">
                    @tableajax(route($urlPrefix.'.historytransactionsData',['status' => $status]))
                    <thead>
                    <tr>
                        <th data-column-name="transactionNumber" data-sortable="true">No. Transaksi</th>
                        <th data-column-name="orderDate" data-sortable="true">Tgl. Transaksi</th>
                        <th data-column-name="merchantName" data-sortable="true">Merchant</th>
                        <th data-column-name="investorName" data-sortable="true">Pemberi Pembiayaan</th>
                        <th data-column-name="orderNumber" data-sortable="true">No. Order</th>
                        @if(\Auth::isAdmin())<th data-column-name="customerName" data-sortable="true">Penerima Pembiayaan</th>@endif
                        <th data-column-name="grandTotal" data-sortable="true">Total Order</th>
                        {{-- <th data-column-name="subtotal" data-sortable="true">
                            @if(\Auth::isAdmin())
                                Dana Dari Pemberi Pembiayaan
                            @elseif(\Auth::isInvestorPic())
                                Dana Yang Disalurkan
                            @endif
                        </th>
                        <th data-column-name="marginAmount" data-sortable="true">Margin/Ujroh (Bruto)</th>
                        <th data-column-name="companyMarginAmount" data-sortable="true">Margin/Ujroh Untuk Penyelenggara</th>
                        <th data-column-name="investorMarginAmount" data-sortable="true">Margin/Ujroh Untuk Pemberi Pembiayaan</th> --}}
                        @if($status == \App\Util\Constant::TRANSACTION_STATUS_WRITE_OFF)
                            <th data-column-name="subtotalWriteOff" data-sortable="true">Dana Dari Pemberi Pembiayaan di Write Off</th>
                            <th data-column-name="marginAmountWriteOff" data-sortable="true">Margin/Ujroh di Write Off</th>
                            <th data-column-name="companyMarginAmountWriteOff" data-sortable="true">Margin/Ujroh Untuk Penyelenggara di Write Off</th>
                            <th data-column-name="investorMarginAmountWriteOff" data-sortable="true">Margin/Ujroh Untuk Pemberi Pembiayaan di Write Off</th>
                        @endif
                        <th data-column-name="type" data-sortable="true">Tipe</th>
                        <th data-column-name="period" data-sortable="true">Tenor</th>
                        <th data-column-name="status" data-sortable="true">Status Transaksi</th>
                        <th data-column-name="repaymentStatus" data-sortable="false">Status Repayment</th>
                        <th data-column-name="investorPaymentStatus" data-sortable="true">Status Pembiayaan</th>
                        {{-- <th data-column-name="id" data-sortable="false">Action</th> --}}
                    </tr>
                    </thead>
                    @endtableajax
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="approveModal" tabindex="-1" role="dialog" aria-labelledby="approveModal" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <form method="POST" id="approveModalForm" action="javascript:;">
                    <div class="modal-header">
                        <h4>Setujui Pembiayaan?</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <input type="hidden" name="approveId">
                            Yakin untuk menyetujui pembiayaan?
                        </div>
                    </div>
                    <div class="modal-footer">
                        <a class="btn btn-default" data-dismiss="modal" aria-label="Close">Kembali</a>
                        <button class="btn btn-primary submitButton" type="button" onclick="approveSubmit()">Setujui</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script>
        // var detailUrl = '{!! route($urlPrefix.'.historytransactions',['id' => '']) !!}';
        // function customColumns() {
        //     return {
        //         {{ ((\Auth::isAdmin() && $status == \App\Util\Constant::TRANSACTION_STATUS_WRITE_OFF) ? 19 : ((\Auth::isAdmin()) ? 15 : (($status == \App\Util\Constant::TRANSACTION_STATUS_WRITE_OFF) ? 18 : 14))) }} : function (data, type, row, meta) {
        //             var html = '';
        //             html += '<a href="'+detailUrl+'/'+data+'">';
        //             html += '    <button type="button" class="btn btn-default btn-xs"> Detail</button>';
        //             html += '</a>&nbsp;';

        //             @if(\Auth::isAdminEmployer())
        //                 @if($status === \App\Util\Constant::TRANSACTION_STATUS_VERIFICATION_EMPLOYER)
        //                     html += '<input type="checkbox" value="'+data+'" name="approveCheckbox[]" class="approveCheckbox">';
        //                 @endif
        //             @endif
        //             return html;
        //         }
        //     }
        // }
    </script>
@endsection

@section('jsCustom')
    <script>
        var id = [];
        var successMessage = '{!! session('success') !!}';
        if (successMessage) swal('SUCCESS',successMessage,'success');
        var errorMessage = '{!! session('error') !!}'; 
        if (errorMessage) swal('Error',errorMessage,'error');

        function approveModal() {
            var approveUrl = '';
            $('#approveModal').modal('show');
            $('#approveModalForm').attr('action', approveUrl);

            id = [];
            $(':checkbox:checked').each(function(i){
                id[i] = $(this).val();
            });
            $('[name=approveId]').val(JSON.stringify(id));
        }

        function approveSubmit(){
            if(id.length == 0){
                $('#approveModal').modal('hide');
                return swal('Gagal Setujui','Minimal satu transaksi untuk di setujui','error');
            }
            $('#approveModalForm').submit();
            var btn = $(this).ladda();
            btn.ladda('start');
        }

        $(document).ready(function() {
            $('.custom-date-range').on('dp.change', function() {
                refreshDataTable();
            });
        });

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

        function refreshDataTable() {
            dataTableList[0].clear().draw();
        }
    </script>
@endsection