@extends('layouts.app')

@section('content')
<div class="container py-4">
<h3 class="mb-3">
    Informasi Pembayaran
</h3>

<p class="text-muted">
    Status pembayaran bulanan kamu.
</p>

@if(isset($error))

<div class="alert alert-danger">
    {{ $error }}
</div>

@else

<div class="card shadow-sm border-0">
    <div class="card-body">

        @if($pembayaran->count() == 0)

            <div class="alert alert-info mb-0">
                Belum ada data pembayaran.
            </div>

        @else

        <div class="table-responsive">

            <table class="table table-bordered table-striped table-sm align-middle mb-0">

                <thead class="table-light text-center">
                    <tr>
                        <th width="60">No</th>
                        <th>Bulan</th>
                        <th>Tahun</th>
                        <th>Jumlah</th>
                        <th>Status</th>
                        <th>Tanggal Bayar</th>
                    </tr>
                </thead>

                <tbody>

                @php
                    $namaBulan = [
                        1=>'Januari',
                        2=>'Februari',
                        3=>'Maret',
                        4=>'April',
                        5=>'Mei',
                        6=>'Juni',
                        7=>'Juli',
                        8=>'Agustus',
                        9=>'September',
                        10=>'Oktober',
                        11=>'November',
                        12=>'Desember'
                    ];
                @endphp

                @foreach($pembayaran as $row)

                    <tr>

                        <td class="text-center">
                            {{ $loop->iteration }}
                        </td>

                        <td>
                            {{ $namaBulan[(int)$row->bulan] ?? $row->bulan }}
                        </td>

                        <td class="text-center">
                            {{ $row->tahun }}
                        </td>

                        <td>
                            Rp {{ number_format($row->jumlah,0,',','.') }}
                        </td>

                        <td class="text-center">

                            @if(strtolower($row->status) == 'lunas')

                                <span class="badge bg-success">
                                    Lunas
                                </span>

                            @else

                                <span class="badge bg-warning">
                                    {{ ucfirst($row->status) }}
                                </span>

                            @endif

                        </td>

                        <td class="text-center">
                            {{ $row->tanggal_bayar ?? '-' }}
                        </td>

                    </tr>

                @endforeach

                </tbody>

            </table>

        </div>

        @endif

    </div>
</div>
</div>
@endif

@endsection