@extends('layouts.app')

@section('content')

<div class="flex justify-center">

    <div class="w-full max-w-xl">

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

            <h1 class="text-2xl font-bold mb-1 text-[#1c1d56]">
                Tambah Remisi
            </h1>

            <p class="text-sm text-gray-500 mb-6">
                Tambahkan pengurangan masa tahanan anak binaan
            </p>

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

            {{-- info --}}
            <div class="mb-6 space-y-2 text-sm">

                <div>
                    Nama:
                    <b>{{ $data->nama_anak }}</b>
                </div>

                <div>
                    Kode:
                    <b>{{ $data->kode }}</b>
                </div>

                <div>

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

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

                    <p class="mb-4 text-sm text-slate-600">

                        Sisa Masa Tahanan :

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

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

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

                        <span class="text-slate-400">
                            ({{ $sisaHari }} hari)
                        </span>

                    </p>

                </div>
            </div>

            <form
                method="POST"
                action="{{ route('staff.tracking.remisi.store', $data->id) }}"
            >
                @csrf

                <div class="mb-4">

                    <label class="block text-sm mb-1 font-medium">
                        Jumlah Remisi (Hari)
                    </label>

                    <input
                        type="number"
                        name="jumlah_hari"
                        placeholder="Contoh: 30"
                        required
                        class="w-full border rounded-xl p-3"
                    >

                    <div class="text-xs text-gray-500 mt-1">
                        Isi jumlah hari pengurangan masa tahanan
                    </div>

                </div>

                <div class="mb-5">

                    <label class="block text-sm mb-1 font-medium">
                        Keterangan
                    </label>

                    <textarea
                        name="keterangan"
                        rows="3"
                        placeholder="Contoh: Remisi Hari Kemerdekaan"
                        class="w-full border rounded-xl p-3"
                    ></textarea>

                </div>

            <div class="flex gap-2">

                <button
                    type="submit"
                    class="bg-[#1c1d56] text-white px-4 py-2 rounded-lg">
                    Simpan
                </button>

                <a href="{{ route('staff.tracking.index') }}"
                class="border px-4 py-2 rounded-lg">
                    Batal
                </a>

            </div>
                

            </form>

        </div>

    </div>

</div>

@endsection