@extends('layout',['heading'=>__('ui.exam_types_prices'),'clinic'=>$clinic])
@section('content')
<div class="space-y-6"><section class="flex flex-wrap justify-between items-end gap-4"><div><p class="section-kicker">EXAM CATALOG</p><h2 class="text-2xl font-extrabold mt-1">{{ __('ui.exam_types_prices') }}</h2><p class="text-slate-500 mt-1">{{ __('ui.exam_types_intro') }}.</p></div><button class="btn" type="button" onclick="openExamModal('addExamModal')">+ {{ __('ui.add_exam_type') }}</button></section><section class="card p-0 overflow-x-auto"><div class="p-5 border-b border-slate-100"><b class="text-lg">{{ __('ui.current_list') }}</b><p class="text-xs text-slate-400 mt-1">{{ __('ui.disable_instead_delete') }}.</p></div><table class="w-full text-right"><thead class="bg-slate-50 border-b"><tr><th class="p-3">{{ __('ui.exam_type') }}</th><th class="p-3">{{ __('ui.category') }}</th><th class="p-3">{{ __('ui.price') }}</th><th class="p-3">{{ __('ui.doctor') }}</th><th class="p-3">{{ __('ui.status') }}</th><th class="p-3">{{ __('ui.actions') }}</th></tr></thead><tbody>@forelse($examTypes as $e)<tr class="border-b hover:bg-teal-50/30"><td class="p-3 font-bold">{{ $e->name }}</td><td class="p-3">{{ $e->category ?: '—' }}</td><td class="p-3 text-teal-700 font-bold">{{ number_format($e->price,2) }} {{ __('ui.currency') }}</td><td class="p-3">{{ $e->doctor_name ?: __('ui.unspecified') }}</td><td class="p-3"><span class="rounded-full bg-emerald-50 text-emerald-700 px-2.5 py-1 text-xs font-bold">{{ __('ui.active') }}</span></td><td class="p-3"><button type="button" class="text-teal-700 font-bold ml-3" onclick="openExamModal('editExam{{ $e->id }}')">{{ __('ui.edit') }}</button><form method="post" action="/exam-types/{{ $e->id }}" class="inline" onsubmit="return confirm('{{ __('ui.disable_exam_type') }}')">@csrf @method('DELETE')<button class="text-rose-700">{{ __('ui.disable') }}</button></form></td></tr>@empty<tr><td colspan="6" class="p-12 text-center text-slate-500">{{ __('ui.no_exam_types') }}. {{ __('ui.add_first_exam_type') }}.</td></tr>@endforelse</tbody></table></section></div>
<div id="addExamModal" class="exam-modal"><div class="exam-panel"><div class="exam-head"><h3>{{ __('ui.add_exam_type') }}</h3><button type="button" onclick="closeExamModal('addExamModal')">×</button></div><form method="post" action="/exam-types" class="space-y-3">@csrf<label>{{ __('ui.exam_type_name') }}<input class="input" name="name" required placeholder="{{ __('ui.exam_type_placeholder') }}"></label><label>{{ __('ui.category') }}<input class="input" name="category" placeholder="{{ __('ui.exam_category_placeholder') }}"></label><label>{{ __('ui.price') }}<input class="input" type="number" name="price" min="0" step=".01" required></label>@if(($clinic->clinic_type ?? 'normal') === 'multi_specialty')<label>{{ __('ui.linked_doctor') }}<select class="input" name="doctor_id"><option value="">{{ __('ui.no_specific_doctor') }}</option>@foreach($doctors as $doctor)<option value="{{ $doctor->id }}">{{ $doctor->name }}{{ $doctor->specialty ? ' — '.$doctor->specialty : '' }}</option>@endforeach</select></label>@endif<div class="exam-actions"><button type="button" class="btn-secondary" onclick="closeExamModal('addExamModal')">{{ __('ui.cancel') }}</button><button class="btn">{{ __('ui.save_exam_type') }}</button></div></form></div></div>@foreach($examTypes as $e)<div id="editExam{{ $e->id }}" class="exam-modal"><div class="exam-panel"><div class="exam-head"><h3>{{ __('ui.edit') }} {{ __('ui.exam_type') }}</h3><button type="button" onclick="closeExamModal('editExam{{ $e->id }}')">×</button></div><form method="post" action="/exam-types/{{ $e->id }}" class="space-y-3">@csrf<label>{{ __('ui.exam_type_name') }}<input class="input" name="name" value="{{ $e->name }}" required></label><label>{{ __('ui.category') }}<input class="input" name="category" value="{{ $e->category }}"></label><label>{{ __('ui.price') }}<input class="input" type="number" name="price" min="0" step=".01" value="{{ $e->price }}" required></label>@if(($clinic->clinic_type ?? 'normal') === 'multi_specialty')<label>{{ __('ui.linked_doctor') }}<select class="input" name="doctor_id"><option value="">{{ __('ui.no_specific_doctor') }}</option>@foreach($doctors as $doctor)<option value="{{ $doctor->id }}" {{ ($e->doctor_id ?? null) == $doctor->id ? 'selected' : '' }}>{{ $doctor->name }}{{ $doctor->specialty ? ' — '.$doctor->specialty : '' }}</option>@endforeach</select></label>@endif<div class="exam-actions"><button type="button" class="btn-secondary" onclick="closeExamModal('editExam{{ $e->id }}')">{{ __('ui.cancel') }}</button><button class="btn">{{ __('ui.save_edit') }}</button></div></form></div></div>@endforeach
<style>.exam-modal{position:fixed;inset:0;z-index:50;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.exam-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.exam-panel{width:min(100%,520px);background:#fff;border-radius:18px;padding:1.25rem;transform:translateY(12px) scale(.97);transition:transform .22s ease;box-shadow:0 24px 60px #0f172a33}.exam-modal.is-open .exam-panel{transform:none}.exam-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ebf2;padding-bottom:.8rem;margin-bottom:1rem}.exam-head h3{font-weight:800}.exam-head button{font-size:1.5rem;color:#64748b}.exam-actions{display:flex;justify-content:flex-start;gap:.5rem;padding-top:.4rem}.btn-secondary{border:1px solid #dbe3ec;background:#fff;color:#334155;border-radius:10px;padding:.6rem .9rem}</style><script>function openExamModal(id){document.getElementById(id)?.classList.add('is-open')}function closeExamModal(id){document.getElementById(id)?.classList.remove('is-open')}document.querySelectorAll('.exam-modal').forEach(m=>m.addEventListener('click',e=>{if(e.target===m)closeExamModal(m.id)}));document.addEventListener('keydown',e=>{if(e.key==='Escape')document.querySelectorAll('.exam-modal.is-open').forEach(m=>m.classList.remove('is-open'))});</script>
@endsection