@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>Transaction Lakucicil Detail</h3>
                </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">
                            <h2>Transaksi</h2>
                            <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>: {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_certificate->pecahan_emas->brand_emas->brand ?? ''}}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">No Invoice</td>
                                            <td class="td-fixed">: {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_payments->last()->payment_code }}</td>
                                            <td class="td-fixed1">Gramasi</td>
                                            <td class="td-fixed"1>: {{ $laku_cicil_transaksi->laku_cicil_details->laku_cicil_certificate->pecahan_emas->pecahan ?? ''}} Gr / xx</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">: Syifa</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,2) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Reviewed At</td>
                                            <td class="td-fixed">: xx/xx/xxxx</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,2) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Approved By</td>
                                            <td class="td-fixed">: Hendra</td>
                                            <td class="td-fixed1">Biaya Administrasi</td>
                                            <td class="td-fixed1">: Rp xxx.xxx.xxx</td>
                                        </tr>
                                        <tr>
                                            <td class="td-fixed">Approved At</td>
                                            <td class="td-fixed">: xx/xx/xxxx</td>
                                            <td class="td-fixed1">Cicilan</td>
                                            <td class="td-fixed1">: Rp {{ number_format($laku_cicil_transaksi->laku_cicil_details->cicilan,2) }}</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>{{ number_format($payment->nominal,2) }}</td>
                                                    <td>{{ number_format($payment->sisa_pokok,2) }}</td>
                                                    <td>{{ $payment->status }}</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="3">Total</td>
                                        <td>{{ number_format($total_tagihan,2) }}</td>
                                        <td>{{ number_format($total_tagihan,2) }}</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>