@extends('layouts.apoteker') {{-- sebelumnya 'layouts.apoteker' --}}

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

@section('content')
<div class="max-w-3xl mx-auto bg-white dark:bg-gray-800 rounded shadow p-6 space-y-6">
    <h1 class="text-2xl font-bold text-yellow-600 dark:text-yellow-300">✏️ Edit Data Konseling</h1>

    {{-- ✅ Route update diarahkan ke apotek2 --}}
    <form action="{{ route('apoteker.konseling.update', $konseling->id) }}" method="POST" enctype="multipart/form-data" class="space-y-4">
        @csrf
        @method('PUT')

        {{-- Input Pasien --}}
        <div>
            <label for="user_id" class="block font-medium text-gray-900 dark:text-white">Pilih Pasien</label>
            <select name="user_id" id="user_id" required class="select2 w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">
                <option value="">-- Pilih Pasien --</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}" {{ old('user_id', $konseling->user_id) == $user->id ? 'selected' : '' }}>
                        {{ $user->name }}
                    </option>
                @endforeach
            </select>
            @error('user_id') <p class="text-sm text-red-500">{{ $message }}</p> @enderror
        </div>

        {{-- Input lainnya --}}
        <div><label for="tanggal_konseling" class="block font-medium text-gray-900 dark:text-white">Tanggal Konseling</label>
            <input type="date" name="tanggal_konseling" value="{{ old('tanggal_konseling', $konseling->tanggal_konseling) }}" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">
        </div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Nama Dokter</label><input type="text" name="nama_dokter" value="{{ old('nama_dokter', $konseling->nama_dokter) }}" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white"></div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Diagnosa</label><textarea name="diagnosa" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">{{ old('diagnosa', $konseling->diagnosa) }}</textarea></div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Nama Obat</label><textarea name="nama_obat" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">{{ old('nama_obat', $konseling->nama_obat) }}</textarea></div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Riwayat Alergi</label><textarea name="riwayat_alergi" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">{{ old('riwayat_alergi', $konseling->riwayat_alergi) }}</textarea></div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Keluhan</label><textarea name="keluhan" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">{{ old('keluhan', $konseling->keluhan) }}</textarea></div>

        <div><label class="block font-medium text-gray-900 dark:text-white">Tindak Lanjut</label><textarea name="tindak_lanjut" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">{{ old('tindak_lanjut', $konseling->tindak_lanjut) }}</textarea></div>

        <div>
            <label class="block font-medium text-gray-900 dark:text-white">Pernah Konseling Sebelumnya?</label>
            <label><input type="radio" name="pernah_konseling_sebelumnya" value="1" {{ old('pernah_konseling_sebelumnya', $konseling->pernah_konseling_sebelumnya) == 1 ? 'checked' : '' }}> Ya</label>
            <label><input type="radio" name="pernah_konseling_sebelumnya" value="0" {{ old('pernah_konseling_sebelumnya', $konseling->pernah_konseling_sebelumnya) == 0 ? 'checked' : '' }}> Tidak</label>
        </div>

        <div>
            <label class="block font-medium text-gray-900 dark:text-white">Upload Rekaman Konseling</label>
            <input type="file" name="rekaman_konseling" accept="audio/*,video/*" class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">
            @if($konseling->rekaman_konseling)
                <p class="text-sm text-gray-500 mt-2">Rekaman sebelumnya:</p>
                <audio controls class="mt-1">
                    <source src="{{ asset('storage/' . $konseling->rekaman_konseling) }}">
                    Browser tidak mendukung pemutar audio.
                </audio>
            @endif
        </div>

        {{-- Tombol Aksi --}}
        <div class="flex gap-2">
            <button type="submit" class="px-4 py-2 bg-yellow-600 text-white rounded hover:bg-yellow-700">Simpan Perubahan</button>
            {{-- ✅ Route kembali juga ke apotek2 --}}
            <a href="{{ route('apoteker.konseling.index') }}" class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600">Batal</a>
        </div>
    </form>
</div>
@endsection

@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        $('#user_id').select2({
            placeholder: 'Cari nama pasien...',
            maximumSelectionLength: 1,
            width: '100%'
        });
    });
</script>
@endpush