@extends('layout.main-nothing')
@section('title', $title)

@section('content')
    <h3 style="text-align:center;">Detail Payroll {{ $detail->number }}</h3>
    <hr /><br />
    <table class="table" cellpadding="5" cellspacing="0" border="0">
        <tr>
            <td>Nama Pegawai</td>
            <td>:</td>
            <td><b>{{ $detail->employee->name }}</b></td>
        </tr>
        <tr>
            <td>Tanggal Dibuat:</td>
            <td>:</td>
            <td>{{ date_format(date_create($detail->created), 'd M Y') }}</td>
        </tr>
    </table>

    <p><b><u>Nilai Payroll</u></b></p>
    <div class="table-strip">
        <table cellpadding="5" width="100%" cellspacing="0" border="1">
            <thead>
                <tr>
                    <th style="text-align: center;">Komponen</th>
                    <th style="text-align: right;">Nilai</th>
                    <th style="text-align: center;">Pengali</th>
                    <th style="text-align: center;">Pengali Efektif</th>
                    <th style="text-align: right;">Nilai Efektif</th>
                    <th style="text-align: center;">Catatan</th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $item)
                    <tr>
                        <td>{{ $item->component->name }}</td>
                        <td style="text-align: right;">Rp{{ number_format($item->amount, 0, ',', '.') }}</td>
                        <td style="text-align: center;">{{ $item->factor }}</td>
                        <td style="text-align: center;">{{ $item->factor_effective }}</td>
                        <td style="text-align: right;">Rp{{ number_format($item->amount_effective, 0, ',', '.') }}</td>
                        <td>{!! nl2br($item->note) !!}</td>
                    </tr>
                @empty
                    <tr class="remote-0">
                        <td colspan="6" style="text-align: center;">Data tidak ada</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <p><b><u>Cashbon Digunakan</u></b></p>
    <div class="table-strip">
        <table cellpadding="5" width="100%" cellspacing="0" border="1">
            <thead>
                <tr>
                    <th style="text-align: center;">ID Cashbon</th>
                    <th style="text-align: center;">Keterangan</th>
                    <th style="text-align: right;">Nilai</th>
                    <th style="text-align: right;">Sudah Dipakai</th>
                    <th style="text-align: right;">Digunakan Pada Payroll Ini</th>
                    <th style="text-align: right;">Sisa</th>
                    <th style="text-align: center;">Catatan</th>
                </tr>
            </thead>
            <tbody>
                @forelse($cashbons as $cashbon)
                    <tr>
                        <td style="text-align: center;">{{ $cashbon->cashbon->number }}</td>
                        <td style="text-align: center;">{{ mb_strimwidth(strip_tags($cashbon->cashbon->description), 0, 200, '...') }}</td>
                        <td style="text-align: right;">Rp{{ number_format($cashbon->cashbon->amount, 0, ',', '.') }}</td>
                        <td style="text-align: right;">Rp{{ number_format($cashbon->cashbon->used, 0, ',', '.') }}</td>
                        <td style="text-align: right;">Rp{{ number_format($cashbon->used_here, 0, ',', '.') }}</td>
                        <td style="text-align: right;">Rp{{ number_format($cashbon->cashbon->amount - $cashbon->cashbon->used, 0, ',', '.') }}</td>
                        <td>{!! nl2br($cashbon->note) !!}</td>
                    </tr>
                @empty
                    <tr class="remote-0">
                        <td colspan="7" style="text-align: center;">Data tidak ada</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <br />
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td valign="top">
                <table class="table" border="0" cellpadding="5" cellspacing="0">
                    <tr>
                        <td>Metode Pembayaran</td>
                        <td>:</td>
                        <td>{{ $detail->payment_type->name }}</td>
                    </tr>
                    <tr>
                        <td>Catatan</td>
                        <td>:</td>
                        <td>{!! nl2br($detail->note) !!}</td>
                    </tr>
                    <tr>
                        <td>Status</td>
                        <td>:</td>
                        <td><span class="label" style="background-color: {{ $detail->status->color }};">{{ $detail->status->name }}</span></td>
                    </tr>
                </table>
            </td>
            <td>
                <table border="0" cellspacing="0" cellpadding="5">
                    <tr>
                        <td rowspan="3" valign="top">Total Bayar</td>
                        <td>=</td>
                        <td>Nilai Payroll - Cashbon</td>
                    </tr>
                    <tr>
                        <td>=</td>
                        <td>Rp{{ number_format($detail->total_effective, 0, ',', '.') }} - Rp{{ number_format($detail->total_cashbon, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>=</td>
                        <td><b>Rp{{ number_format($detail->total_effective - $detail->total_cashbon, 0, ',', '.') }}</b></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
@endsection