@extends('layouts.authorized')

@section('title', 'Investor Report')

@section('content')
	<div class="row">
		<div class="col-xs-12">
			<ul id="listOrderStatus" class="nav nav-tabs">
                <li @if($status === 'ALL') class="active" @endif>
                    <a href="{{ route('admin.report.investorReport') }}">
                        Semua
                    </a>
                </li>
                @foreach(\App\Util\Constant::TRANSACTION_STATUS_LABELS as $key => $label)
                    @php
                        if(\Auth::isInvestorPic() && ($key==\App\Util\Constant::TRANSACTION_STATUS_PENDING || $key==\App\Util\Constant::TRANSACTION_STATUS_INACTIVE)) continue;
                    @endphp
                    <li @if($status === $key) class="active" @endif>
                        <a href="{{ route('admin.report.investorReport',['status' => $key]) }}">
                            {{ $label }}
                        </a>
                    </li>
                @endforeach
            </ul>
			<div class="card">
				<div class="card-header">
					<span>{{ $title }}</span>
				</div>
				<div class="card-body padding">
					@tableconfig
					<div class="card-body no-padding table-responsive">
						@tableajax(route('admin.report.investorReportData',['status' => $status]))
						<thead>
							<tr>
								<th data-column-name="transactionNumber" data-sortable="true">ID</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="orderNumber" data-sortable="true">No. Order</th>
								<th data-column-name="customerName" data-sortable="true">Penerima Pembiayaan</th>
								<th data-column-name="subtotalWithMargin" data-sortable="true">Dana Dari Pemberi Pembiayaan</th>
								<th data-column-name="marginAmount" data-sortable="true">Margin/Ujroh (Bruto)</th>
								<th data-column-name="companyMarginAmount" data-sortable="true">Bagi Hasil Kepada Penyelenggara</th>
								<th data-column-name="investorMarginAmount" data-sortable="true">Margin/Ujroh (Net)</th>
								<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="true">Status Repayment</th>
							</tr>
						</thead>
						@endtableajax
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

@section('jsCustom')

@endsection