@extends('layouts.app')

@section('page-title', 'Detail Tarif')
@section('page-subtitle', 'Data Master')

@section('content')
    <a href="{{ route('tarif.index') }}" class="back-link">
        <i data-lucide="arrow-left"></i>
        <span>Kembali ke daftar tarif</span>
    </a>

    <x-page-header eyebrow="Master Data" :title="'Tarif ' . $tarif->kode">
        <x-slot:actions>
            <a href="{{ route('tarif.edit', $tarif) }}" class="btn btn--ghost">
                <i data-lucide="pencil"></i>
                <span>Edit</span>
            </a>
        </x-slot:actions>
    </x-page-header>

    <div class="panel">
        <div class="panel__body">
            <div class="detail-list">
                <div>
                    <div class="detail-item__label">Jenis Pelanggan</div>
                    <div class="detail-item__value">{{ $tarif->jenisPelanggan->nama ?? '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Nominal</div>
                    <div class="detail-item__value money">{{ \App\Helpers\NumberHelper::formatRupiah($tarif->nominal) }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Berlaku Mulai</div>
                    <div class="detail-item__value">{{ \App\Helpers\DateHelper::formatTanggal($tarif->berlaku_mulai) }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Berlaku Sampai</div>
                    <div class="detail-item__value">{{ $tarif->berlaku_sampai ? \App\Helpers\DateHelper::formatTanggal($tarif->berlaku_sampai) : 'Sekarang' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Status</div>
                    <div class="detail-item__value">
                        @if ($tarif->status === 'Aktif')
                            <x-badge variant="success">Aktif</x-badge>
                        @else
                            <x-badge variant="neutral">Nonaktif</x-badge>
                        @endif
                    </div>
                </div>
                @if ($tarif->keterangan)
                    <div style="grid-column: 1 / -1;">
                        <div class="detail-item__label">Keterangan</div>
                        <div class="detail-item__value" style="font-weight:400;">{{ $tarif->keterangan }}</div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection