@extends('layouts.admin-apoteker')

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

@section('content')
<div class="max-w-xl mx-auto space-y-6">
    <h1 class="text-xl font-bold text-yellow-600 dark:text-yellow-400">✏️ Edit Kunjungan</h1>
    <a href="{{ route('home-pharmacy-care.index') }}"
    class="inline-block px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">
    ← Kembali
 </a>

    <form action="{{ route('home-pharmacy-care.update', ['home_pharmacy_care' => $homePharmacyVisit->id]) }}" method="POST">

        @csrf
        @method('PUT')

        {{-- Pasien --}}
        <div>
            <label class="block mb-1 font-medium dark:text-white">Pasien</label>
            <select name="user_id" class="w-full border rounded bg-white dark:bg-gray-800 dark:text-white appearance-none" required>
                @foreach($pasiens as $pasien)
                    <option value="{{ $pasien->id }}" {{ $homePharmacyVisit->user_id == $pasien->id ? 'selected' : '' }}>
                        {{ $pasien->name }}
                    </option>
                @endforeach
            </select>
        </div>

        {{-- Tanggal Kunjungan --}}
        <div>
            <label class="block mb-1 font-medium dark:text-white">Tanggal Kunjungan</label>
            <input type="date" name="tanggal_kunjungan"
                   class="w-full border rounded bg-white dark:bg-gray-800 dark:text-white"
                   value="{{ old('tanggal_kunjungan', $homePharmacyVisit->tanggal_kunjungan) }}" required>
        </div>

        {{-- Catatan --}}
        <div>
            <label class="block mb-1 font-medium dark:text-white">Catatan</label>
            <textarea name="catatan" class="rich-text w-full border rounded bg-white dark:bg-gray-800 dark:text-white" rows="5">
{!! old('catatan', $homePharmacyVisit->catatan) !!}
            </textarea>
        </div>

        {{-- Tombol Submit --}}
        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded">
            💾 Update
        </button>
    </form>
</div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/tinymce@6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
      tinymce.init({
          selector: 'textarea.rich-text',
          menubar: false,
          height: 300,
          plugins: 'lists link',
          toolbar: 'undo redo | bold italic underline | bullist numlist | link',
          content_style: 'body { font-family:Arial; font-size:14px }'
      });
  });
</script>
@endpush