@php
    $moduleName = 'Pharmacy';
    $arName = 'الصيدلية';
@endphp
<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-xl text-black leading-tight">
                {{ \App\Helpers\TranslationHelper::transFromDatabase($moduleName . ' - Edit Interaction', __($arName . ' - تعديل تداخل دوائي')) }}
            </h2>
            <a href="{{ route('healthcare.pharmacy.interactions') }}" class="bg-gray-500 text-white px-4 py-2 rounded-md hover:bg-gray-600 transition">
                {{ __('Back') }}
            </a>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-black">
                    <form action="{{ route('healthcare.pharmacy.interactions.update', $interaction) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <x-input-label for="drug_a_id" :value="__('Drug A')" />
                                <select name="drug_a_id" id="drug_a_id" class="block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500" required>
                                    @foreach($items as $item)
                                        <option value="{{ $item->id }}" {{ $interaction->drug_a_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <x-input-label for="drug_b_id" :value="__('Drug B')" />
                                <select name="drug_b_id" id="drug_b_id" class="block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500" required>
                                    @foreach($items as $item)
                                        <option value="{{ $item->id }}" {{ $interaction->drug_b_id == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <x-input-label for="interaction_level" :value="__('Interaction Level')" />
                                <select name="interaction_level" id="interaction_level" class="block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500" required>
                                    <option value="low" {{ $interaction->interaction_level == 'low' ? 'selected' : '' }}>{{ __('Low') }}</option>
                                    <option value="moderate" {{ $interaction->interaction_level == 'moderate' ? 'selected' : '' }}>{{ __('Moderate') }}</option>
                                    <option value="high" {{ $interaction->interaction_level == 'high' ? 'selected' : '' }}>{{ __('High') }}</option>
                                    <option value="severe" {{ $interaction->interaction_level == 'severe' ? 'selected' : '' }}>{{ __('Severe') }}</option>
                                </select>
                            </div>
                            <div class="col-span-2">
                                <x-input-label for="description" :value="__('Description')" />
                                <textarea name="description" id="description" rows="4" class="block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500" required>{{ $interaction->description }}</textarea>
                            </div>
                        </div>

                        <div class="mt-6 flex justify-end">
                            <button type="submit" class="bg-indigo-600 text-white px-6 py-2 rounded-md hover:bg-indigo-700">
                                {{ __('Update') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>