@extends('layouts.app')

@section('content')

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

    <div class="flex items-center justify-between mb-5">

        <h1 class="text-2xl font-bold text-[#1c1d56]">
            Data Tracking ABN
        </h1>

        <a href="{{ route('staff.tracking.create') }}"
           class="bg-[#1c1d56] text-white px-4 py-2 rounded-lg">

            + Tambah Anak

        </a>

    </div>

    @if(session('success'))
        <div class="mb-3 text-sm text-green-700 bg-green-50 border border-green-200 px-3 py-2 rounded-lg">
            {{ session('success') }}
        </div>
    @endif

    @if(session('remisi_success'))
        <div class="mb-3 text-sm text-blue-700 bg-blue-50 border border-blue-200 px-3 py-2 rounded-lg">
            {{ session('remisi_success') }}
        </div>
    @endif

    <div class="bg-white rounded-xl shadow overflow-hidden">

        <table class="w-full text-sm">

            <thead class="bg-[#1c1d56] text-white">

                <tr>

                    <th class="p-3 text-left">
                        Nama
                    </th>

                    <th class="p-3 text-left">
                        Kode
                    </th>

                    <th class="p-3 text-left">
                        Sisa Hari
                    </th>

                    <th class="p-3 text-center">
                        Aksi
                    </th>

                </tr>

            </thead>

            <tbody>

            @forelse($data as $item)

                <tr class="border-t">

                    <td class="p-3">
                        {{ $item->nama_anak }}
                    </td>

                    <td class="p-3">
                        {{ $item->kode }}
                    </td>

                    <td class="p-3">

                    @php
                        $sisaHari = max(0, $item->sisa_hari);

                        $tahun = floor($sisaHari / 365);
                        $bulan = floor(($sisaHari % 365) / 30);
                        $hari = ($sisaHari % 365) % 30;
                    @endphp

                    @if($tahun > 0)
                        {{ $tahun }} Tahun
                    @endif

                    @if($bulan > 0)
                        {{ $bulan }} Bulan
                    @endif

                    @if($hari > 0 || $sisaHari == 0)
                        {{ $hari }} Hari
                    @endif                        

                    </td>

                    <td class="p-3">

                        <div class="flex justify-center gap-2">

                            <a href="{{ route('staff.tracking.remisi', $item->id) }}"
                               class="bg-green-600 text-white px-3 py-1 rounded text-xs">

                                + Remisi

                            </a>

                            <a href="{{ route('staff.tracking.edit', $item->id) }}"
                               class="bg-yellow-500 text-white px-3 py-1 rounded text-xs">

                                Edit

                            </a>

                        </div>

                    </td>

                </tr>

            @empty

                <tr>

                    <td colspan="4"
                        class="text-center p-5 text-gray-500">

                        Tidak ada data

                    </td>

                </tr>

            @endforelse

            </tbody>

        </table>

    </div>

</div>

@endsection