@extends('layouts.app')

@section('content')

<div class="max-w-3xl mx-auto p-6">

    <div class="bg-white rounded-xl shadow p-6">

        <h1 class="text-xl font-bold text-[#1c1d56] mb-4">
            Detail Tracking Anak Binaan
        </h1>

        <div class="space-y-2 text-sm">

            <div><b>Nama:</b> {{ $data->nama_anak }}</div>
            <div><b>Kode:</b> {{ $data->kode }}</div>
            <div><b>Tanggal Masuk:</b> {{ $data->tanggal_masuk }}</div>
            <div><b>Ekspirasi:</b> {{ $data->tanggal_ekspirasi_awal }}</div>

            <hr class="my-3">

            <div>
                <b>Total Remisi:</b>
                {{ $data->total_remisi }} Hari
            </div>

            <div>
                <b>Sisa Masa Tahanan:</b>

                @php
                    $sisa = $data->sisa_hari;
                    $tahun = floor($sisa / 365);
                    $bulan = floor(($sisa % 365) / 30);
                    $hari = ($sisa % 365) % 30;
                @endphp

                {{ $tahun }} Tahun {{ $bulan }} Bulan {{ $hari }} Hari
            </div>

            <div class="mt-3">
                <b>Status:</b>
                {{ $data->status_akhir }}
            </div>

        </div>
        <hr class="my-5">

<hr class="my-5">

<h2 class="font-bold text-[#1c1d56] mb-3">
    Riwayat Remisi
</h2>

@if($data->remisis->count() > 0)

    @foreach($data->remisis as $log)

        <div class="border rounded-lg p-3 mb-2 text-sm">

            <div class="flex justify-between">
                <b class="text-red-600">
                    -{{ $log->jumlah_hari }} Hari
                </b>

                <span class="text-xs text-gray-400">
                    {{ $log->created_at }}
                </span>
            </div>

            <div class="text-xs text-gray-600 mt-1">
                {{ $log->keterangan ?? '-' }}
            </div>

            <div class="text-xs text-gray-400 mt-1">
                Staff: {{ $log->user->name ?? '-' }}
            </div>

        </div>

    @endforeach

@else

    <div class="text-sm text-gray-500">
        Belum ada riwayat remisi
    </div>

@endif

        <div class="mt-5">
            <a href="{{ route('admin.tracking.index') }}"
               class="bg-gray-500 text-white px-4 py-2 rounded-lg text-sm">
                Kembali
            </a>
        </div>

    </div>

</div>

@endsection