@extends('layouts.admin')

@push('styles')
    <style>
        /* Custom Styles for Seniors */
        .plan-item {
            border-bottom: 1px solid #e3e6f0;
            padding: 20px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .plan-item:last-child { border-bottom: none; }

        .plan-name { font-size: 1.25rem; font-weight: 700; color: #4e73df; }
        .plan-value { font-size: 1.4rem; font-weight: 800; color: #1cc88a; text-align: right;}
        .plan-remark { font-size: 1.1rem; font-weight: 600; color: #858796; font-style: italic; }

        .total-section {
            background-color: #f8f9fc;
            padding: 25px;
            border-top: 2px solid #4e73df;
            text-align: center;
        }
        .total-label { font-size: 1.2rem; font-weight: bold; color: #5a5c69; text-transform: uppercase; }
        .total-value { font-size: 1.5rem; font-weight: 900; color: #2e59d9; }
    </style>
@endpush

@section('main-content')

    <h1 class="h3 mb-4 text-gray-800 font-weight-bold">{{ $model->name }}</h1>

    <div class="row">
        <div class="col-lg-8 mx-auto"> <div class="card shadow mb-4">
                <div class="card-header py-3 bg-primary">
                    <h6 class="m-0 font-weight-bold text-white">
                        <i class="fas fa-list-alt mr-2"></i> Maklumat Plan
                    </h6>
                </div>

                <div class="card-body p-0">
                    @php $grandTotalPO = $grandTotalModal = 0; @endphp

                    <div class="list-group list-group-flush">
                        @foreach ($model->plans as $plan)
                            @php
                                $user = $plan->users->first();
                                $investment = $user->pivot->investment ?? 0;
                                $remark = $user->pivot->remark;

                                // Add to total
                                if ($plan->payment_type == App\Models\Plan::PAYMENT_TYPE_CREDIT){
                                    $grandTotalPO += $investment;
                                } else {
                                    $grandTotalModal += $investment;
                                }
                            @endphp

                            <div class="plan-item">
                                <div class="plan-name">
                                    {{ $plan->name }}
                                </div>

                                <div>
                                    @if (empty($investment) && !empty($remark))
                                        <span class="plan-remark">{{ $remark }}</span>
                                    @else
                                        <span class="plan-value">
                                            RM {{ number_format($investment / 100, 2) }}
                                        </span>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <div class="total-section">
                        <div class="total-label">Jumlah Keseluruhan Modal</div>
                        <div class="total-value">
                            RM {{ number_format($grandTotalModal / 100, 2) }}
                        </div>
                    </div>

                    <div class="total-section">
                        <div class="total-label">Jumlah Keseluruhan PO</div>
                        <div class="total-value">
                            RM {{ number_format($grandTotalPO / 100, 2) }}
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')

@endpush