@extends('layouts.app')

@section('title', 'Edit Pasien')

@section('content')

<div class="max-w-2xl mx-auto">

    <!-- Card -->
    <div class="bg-white border border-gray-200 rounded-xl p-6">

        <!-- Title -->
        <div class="mb-6">
            <h2 class="text-xl font-semibold text-gray-800">
                Edit Data Pasien
            </h2>
            <p class="text-sm text-gray-500 mt-1">
                Perbarui informasi pasien sesuai data terbaru.
            </p>
        </div>

        <!-- Form -->
        <form action="{{ route('pasien.update', $pasien->id) }}" method="POST" class="space-y-5">
            @csrf
            @method('PUT')

            <!-- Nama -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Nama <span class="text-red-500">*</span>
                </label>

                <input type="text" name="nama"
                    value="{{ old('nama', $pasien->nama) }}"
                    required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                @error('nama')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Umur -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Umur <span class="text-red-500">*</span>
                </label>

                <input type="number" name="umur"
                    value="{{ old('umur', $pasien->umur) }}"
                    required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                @error('umur')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- 🔥 BERAT BADAN -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Berat Badan (kg) <span class="text-red-500">*</span>
                </label>

                <input type="number" step="0.1" name="berat_badan"
                    value="{{ old('berat_badan', $pasien->berat_badan) }}"
                    required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                @error('berat_badan')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- 🔥 TINGGI BADAN -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Tinggi Badan (cm) <span class="text-red-500">*</span>
                </label>

                <input type="number" step="0.1" name="tinggi_badan"
                    value="{{ old('tinggi_badan', $pasien->tinggi_badan) }}"
                    required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                @error('tinggi_badan')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Jenis Kelamin -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Jenis Kelamin <span class="text-red-500">*</span>
                </label>

                <select name="jenis_kelamin" required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                    <option value="">-- Pilih --</option>

                    <option value="Laki-laki"
                        {{ old('jenis_kelamin', $pasien->jenis_kelamin) == 'Laki-laki' ? 'selected' : '' }}>
                        Laki-laki
                    </option>

                    <option value="Perempuan"
                        {{ old('jenis_kelamin', $pasien->jenis_kelamin) == 'Perempuan' ? 'selected' : '' }}>
                        Perempuan
                    </option>

                </select>

                @error('jenis_kelamin')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            {{-- GEJALA --}}
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Gejala <span class="text-red-500">*</span>
                </label>

                @php
                    $gejalaPasien = old('gejala', explode(',', strtolower($pasien->gejala)));
                @endphp

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

                    <label class="flex items-center gap-2">
                        <input type="checkbox" name="gejala[]" value="nyeri lambung"
                            {{ in_array('nyeri lambung', $gejalaPasien) ? 'checked' : '' }}>
                        Nyeri Lambung
                    </label>

                    <label class="flex items-center gap-2">
                        <input type="checkbox" name="gejala[]" value="mual"
                            {{ in_array('mual', $gejalaPasien) ? 'checked' : '' }}>
                        Mual
                    </label>

                </div>

                @error('gejala')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Aktivitas -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Aktivitas Fisik Harian <span class="text-red-500">*</span>
                </label>

                <select name="aktivitas_harian" required
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-green-600">

                    <option value="">-- Pilih --</option>

                    <option value="Ringan"
                        {{ old('aktivitas_harian', $pasien->aktivitas_harian) == 'Ringan' ? 'selected' : '' }}>
                        Ringan
                    </option>

                    <option value="Sedang"
                        {{ old('aktivitas_harian', $pasien->aktivitas_harian) == 'Sedang' ? 'selected' : '' }}>
                        Sedang
                    </option>

                    <option value="Berat"
                        {{ old('aktivitas_harian', $pasien->aktivitas_harian) == 'Berat' ? 'selected' : '' }}>
                        Berat
                    </option>

                </select>

                @error('aktivitas_harian')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Action -->
            <div class="flex justify-end gap-3 pt-4">

                <a href="{{ route('pasien.index') }}"
                    class="px-4 py-2 text-sm text-gray-600 border border-gray-300 rounded-md hover:bg-gray-100">
                    Kembali
                </a>

                <button type="submit"
                    class="px-5 py-2 text-sm bg-green-600 text-white rounded-md hover:bg-green-700">
                    Update
                </button>

            </div>

        </form>
    </div>

</div>

@endsection