@extends('layouts.layout')
@section('css')
@endsection
@section('body_class', 'nav-md')
@section('body_content')
<style>
.table-clean td {
    border: none !important;
    padding: 10px 8px;
}
.td-fixed {
    font-size: 12px;
}
.td-fixed1 {
    text-align: left;
    font-size: 12px;
}

</style>

<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Transaksi Lakucicil Detail</h3>
                    <h2>{{ $laku_cicil_transaksi->code }}</h2>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">
                <!-- Transaksi -->
                <div class="col-md-7 col-sm-12">
                    <div class="x_panel">
                        <div class="card mb-6">
                            <hr>
                                <div class="card-body">
                                    <table class="table-clean">
                                        <tr>
                                            <td class="td-fixed">No Transaksi</td>
                                            <td class="td-fixed">: {{ $laku_cicil_transaksi->code }}</td>
                                            <td class="td-fixed1">Brand</td>
                                            <td class="td-fixed"1>: 
                                                @if($laku_cicil_transaksi->laku_cicil_details->type == 'fisik')
                                                    {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_certificate->pecahan_emas->brand_emas->brand ?? ''}}
                                                @else
                                                    Digital
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">No Invoice</td>
                                            <td class="td-fixed">: 
                                                @if (!empty($laku_cicil_transaksi->inv_cicil))
                                                    {{$laku_cicil_transaksi->inv_cicil}}
                                                @else
                                                    {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_payments->last()->payment_code }}
                                                @endif
                                            </td>
                                            <td class="td-fixed1">Gramasi</td>
                                            <td class="td-fixed"1>:
                                                @if ('type' == 'fisik')
                                                    {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_certificate->pecahan_emas->pecahan ?? ''}} Gr
                                                @else('type' == 'digital')
                                                    {{ $laku_cicil_transaksi->laku_cicil_details->total_weight_gold}} Gr
                                                @endif
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Created At</td>
                                            <td class="td-fixed">: {{ \Carbon\Carbon::parse($laku_cicil_transaksi->laku_cicil_details->date_transaction)->format('d-m-Y') }}</td>
                                            <td class="td-fixed1">Jangka Waktu</td>
                                            <td class="td-fixed1">: {{ $laku_cicil_transaksi->laku_cicil_details->tenor }} Bulan</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Reviewed By</td>
                                            <td class="td-fixed">:
                                                @if ($laku_cicil_transaksi->users_approve)
                                                    {{ $laku_cicil_transaksi->users_approve->name }}
                                                @elseif ($laku_cicil_transaksi->users_reject)
                                                    {{ $laku_cicil_transaksi->users_reject->name }}
                                                @else
                                                    -
                                                @endif
                                            </td>

                                            <td class="td-fixed1">Total Harga Emas</td>
                                            <td class="td-fixed1">: Rp {{ number_format($laku_cicil_transaksi->laku_cicil_details->total_harga_emas) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Reviewed At</td>
                                            <td class="td-fixed">: 
                                                @if ($laku_cicil_transaksi->review_at)
                                                    {{ $laku_cicil_transaksi->review_at ?? '-' }}
                                                @elseif ($laku_cicil_transaksi->rejected_at)
                                                    {{ $laku_cicil_transaksi->rejected_at ?? '-' }}
                                                @endif
                                            </td>
                                            <td class="td-fixed1">Total Uang Muka (DP)</td>
                                            <td class="td-fixed1">: Rp {{ number_format($laku_cicil_transaksi->laku_cicil_details->down_payment) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Approved By</td>
                                            <td class="td-fixed">: 
                                                @if ($laku_cicil_transaksi->users_approve_cicilan)
                                                    {{ $laku_cicil_transaksi->users_approve_cicilan->name }}
                                                @elseif ($laku_cicil_transaksi->users_reject)
                                                    {{ $laku_cicil_transaksi->users_reject->name }}
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td class="td-fixed1">Biaya Administrasi</td>
                                            <td class="td-fixed1">: Rp {{ number_format($laku_cicil_transaksi->laku_cicil_details->admin_fee) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Approved At</td>
                                            <td class="td-fixed">: 
                                                @if ($laku_cicil_transaksi->approved_at)
                                                    {{ $laku_cicil_transaksi->approved_at ?? '-' }}
                                                @elseif ($laku_cicil_transaksi->rejected_at)
                                                    {{ $laku_cicil_transaksi->rejected_at ?? '-' }}
                                                @endif
                                            </td>
                                            <td class="td-fixed1">Cicilan</td>
                                            <td class="td-fixed1">: Rp {{ number_format($laku_cicil_transaksi->laku_cicil_details->cicilan) }}</td>
                                        </tr>
                                    </table>
                                </div>
                        </div>
                    </div>
                </div>

                <!-- Customer Detail -->
                <div class="col-md-5 col-sm-12">
                    <div class="x_panel">
                        <div class="card mb-3">
                            <h2>Customer Detail</h2>
                            <hr>
                            <div class="card-body">
                                <table class="table-clean">
                                    <tr class="td-fixed">
                                        <td>No KTP</td>
                                        <td>: {{ json_decode($laku_cicil_transaksi->customer_cicil->tanda_pengenal)->nomor }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>Nama Lengkap</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->name }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>Tanggal Lahir</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->tanggal_lahir }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>Alamat</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->address }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>No Handphone</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->handphone }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>Email</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->email }}</td>
                                    </tr>
                                    <tr class="td-fixed">
                                        <td>No Rekening dan Bank</td>
                                        <td>: {{ $laku_cicil_transaksi->customer_cicil->customer_bank->last()->nomor_rekening }} - {{ $laku_cicil_transaksi->customer_cicil->customer_bank->last()->nama_rekening }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 

            <div class="row">
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">
                            <h3>Detail Pembayaran</h3>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Angsuran</th>
                                        <th>Jatuh Tempo</th>
                                        <th>Tanggal Bayar</th>
                                        <th>Tagihan</th>
                                        <th>Sisa Pokok</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($laku_cicil_detail as $item) 
                                        @if ($item->laku_cicil_details)
                                            @foreach ($item->laku_cicil_details->laku_cicil_payments as $key => $payment)
                                                <tr>
                                                    <td>
                                                    @if($key == 0)
                                                        Down Payment
                                                    @else
                                                        {{ $key }}/{{ $item->laku_cicil_details->tenor}}
                                                    @endif
                                                    </td>
                                                    <td>{{ $payment->due_date }}</td>
                                                    <td>{{ $payment->paid_at }}</td>
                                                    <td class="text-right">{{ number_format($payment->nominal) }}</td>
                                                    <td class="text-right">{{ number_format($payment->sisa_pokok) }}</td>
                                                    <td>{{ $payment->status }}</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="3">Total</td>
                                        <td class="text-right">{{ number_format($total_tagihan) }}</td>
                                        <td class="text-right">{{ number_format($total_tagihan) }}</td>
                                        <td>
                                            @if($laku_cicil_transaksi->status == 'on_going')
                                                on going
                                            @elseif($laku_cicil_transaksi->status == 'waiting_approval')
                                                waiting approval
                                            @elseif($laku_cicil_transaksi->status == 'rejected')
                                                rejected
                                            @elseif($laku_cicil_transaksi->status == 'done')
                                                done
                                            @endif
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>