@extends('doctor.layout')

@php($drugs_counter = 0)

@section('cssFiles')
    <link rel="stylesheet" href="{{ asset('css/patient-details.css?5') }}">
@endsection

@section('content')
    <main class="new-visit">

        <form method="POST" action="{{ route('visit.update', [$patient->id, $visit->id]) }}">
            @csrf
            @method('PUT')

            <section class="oral-history">
                <h2 class="text-center">Oral Past History</h2>
                {{-- The Three grid Parts --}}
                <div class="parts-3">
                    <div class="card-section">
                        <div class="header">
                            <h3 class="border-around">Past History</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <div class="input-dynamic-container">
                                @forelse($patient->orals as $item)
                                    <div class="view-btn">
                                        <input type="hidden" name="orals[]" value="{{ $item->name }}">
                                        <span>{{ $item->name }}</span>
                                        <span><i class="fa-solid fa-xmark"></i></span>
                                    </div>
                                @empty
                                @endforelse
                                <div class="view-btn">
                                    <input type="text" data-type="orals" placeholder="Write here...">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="card-section">
                        <div class="header">
                            <h3 class="border-around">Family History</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <div class="input-dynamic-container">
                                @forelse($patient->familyGeneticDiseases as $item)
                                    <div class="view-btn">
                                        <input type="hidden" name="familyGeneticDiseases[]" value="{{ $item->title }}">
                                        <span>{{ $item->title }}</span>
                                        <span><i class="fa-solid fa-xmark"></i></span>
                                    </div>
                                @empty
                                @endforelse
                                <div class="view-btn">
                                    <input type="text" data-type="familyGeneticDiseases" placeholder="Write here...">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-section">
                        <div class="header">
                            <h3 class="border-around">Surgeries</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <div class="input-dynamic-container">
                                @forelse($patient->surgery as $item)
                                    <div class="view-btn ">
                                        <input type="hidden" name="surgery[]" value="{{ $item->name }}">
                                        <span>{{ $item->name }}</span>
                                        <span><i class="fa-solid fa-xmark"></i></span>
                                    </div>
                                @empty
                                @endforelse
                                <div class="view-btn">
                                    <input type="text" data-type="surgery" placeholder="Write here...">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- The inline parts --}}
                <div class="inline-sections">
                    <div class="card-section allergies-card">
                        <div class="header">
                            <h3 class="border-around">Allergies and Special conditions</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <div class="input-dynamic-container">
                                @forelse($patient->specialConditions as $item)
                                    <div>
                                        <div class="view-btn">
                                            <input type="hidden" name="specialConditions[]" value="{{ $item->name }}">
                                            <span>{{ $item->name }}</span>
                                            <span><i class="fa-solid fa-xmark"></i></span>
                                        </div>
                                    </div>
                                @empty
                                @endforelse
                                <div class="view-btn">
                                    <input type="text" data-type="specialConditions" placeholder="Write here...">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

            <h1 class="mt-5">Record Visit</h1>

            <div class="two-fileds-divider">
                <div>
                    {{-- Complain And Sign --}}
                    <div class="vital-sign">
                        <div class="d-grid justify-content-start chief-complain-header">
                            <h3 class="border-around mb-section ">Chief Complain</h3>
                        </div>
                        <div class="two-fields">
                            {{-- Complain --}}
                            <div class="card-section">
                                <div class="header">
                                    <h3>Complain</h3>
                                    <div class="right-angle">
                                        <i class="fa-solid fa-angle-right"></i>
                                    </div>
                                </div>
                                <div class="card-section-body">
                                    <textarea
                                        class="form-control @error('complain_description') is-invalid @enderror @if (old('complain_description') || $errors->any()) is-valid @endif"
                                        name="complain_description"
                                        placeholder="............................................................................................................................................................................................................................................................................................................................................................................"
                                    >{{ old('complain_description', optional($visit->complains->first())->description) }}</textarea>
                                    @error('complain_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            {{-- Sign --}}
                            <div class="card-section">
                                <div class="header">
                                    <h3>Sign</h3>
                                    <div class="right-angle">
                                        <i class="fa-solid fa-angle-right"></i>
                                    </div>
                                </div>
                                <div class="card-section-body">
                                    <textarea
                                        class="form-control sm @error('sign_description') is-invalid @enderror @if (old('sign_description') || $errors->any()) is-valid @endif"
                                        name="sign_description"
                                        placeholder="................................................................................................................................................................................................................................................................................................................................................................"
                                    >{{ old('sign_description', optional($visit->signs->first())->description) }}</textarea>
                                    @error('sign_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="vital-sign mt-section reads-table">

                        <x-vital-sign-visit :visit="$visit"/>

                        <div class="beside mb-section card-section">
                            <div class="header">
                                <h3 class="border-around">ECG</h3>
                                <div class="right-angle">
                                    <i class="fa-solid fa-angle-right"></i>
                                </div>
                            </div>
                            <div class="card-section-body">
                                <div class="vital-container">
                                    <div class="hypertension">
                                        <input
                                            class="form-control @error('ECG') is-invalid @enderror @if (old('ECG') || $errors->any()) is-valid @endif"
                                            type="text" name="ECG"
                                            value="{{ old('ECG', optional($visit->ecg?->first())->description) }}"
                                            placeholder="Enter ECG">
                                        @error('ECG')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="beside mb-section card-section">
                            <div class="header">
                                <h3 class="border-around">ECHO</h3>
                                <div class="right-angle">
                                    <i class="fa-solid fa-angle-right"></i>
                                </div>
                            </div>
                            <div class="card-section-body">
                                <div class="vital-container">
                                    <div class="hypertension">
                                        <input
                                            class="form-control @error('PatientECHO') is-invalid @enderror @if (old('PatientECHO') || $errors->any()) is-valid @endif"
                                            type="text" name="PatientECHO"
                                            value="{{ old('PatientECHO', optional($visit->echo?->first())->description) }}"
                                            placeholder="Enter ECHO">
                                        @error('PatientECHO')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <x-investigations-visit :visit="$visit"/>


                    {{--                    @livewire('visit.form.radiology') --}}

                    <div class="diagnosis beside more more-gap mt-section card-section">
                        <div class="header">
                            <h3 class="border-around">Diagnosis</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <div class="vital-container">
                                @livewire('visit.form.diagnosis', ['visit' => $visit])
                            </div>
                        </div>
                    </div>
                </div>


                {{-- Side Tables --}}
                <div>
                    <div class="table-container card-section">
                        <div class="header">
                            <h3 class="border-around">Physical Examination</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th colspan="2">Physical Examination :</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>Head & Neck</td>
                                    <td>
                                        <input type="text" name="head_neck" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('head_neck', isset($visit->physicalExamination) ? $visit->physicalExamination['head&neck'] : '') }}">
                                        @error('head_neck')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Mouth</td>
                                    <td>
                                        <input type="text" name="mouth" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('mouth', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->mouth : '') }}">
                                        @error('mouth')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Skin</td>
                                    <td>
                                        <input type="text" name="skin" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('skin', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->skin : '') }}">
                                        @error('skin')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Upper Limb</td>
                                    <td>
                                        <input type="text" name="upper_limb" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('upper_limb', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->upper_limb : '') }}">
                                        @error('upper_limb')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Lower Limb</td>
                                    <td>
                                        <input type="text" name="lower_limb" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('lower_limb', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->lower_limb : '') }}">
                                        @error('lower_limb')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Chest</td>
                                    <td>
                                        <input type="text" name="chest" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('chest', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->chest : '') }}">
                                        @error('chest')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Heart</td>
                                    <td>
                                        <input type="text" name="heart" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('heart', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->heart : '') }}">
                                        @error('heart')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Abdomen</td>
                                    <td>
                                        <input type="text" name="abdomen" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('abdomen', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->abdomen : '') }}">
                                        @error('abdomen')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Other</td>
                                    <td>
                                        <input type="text" name="other" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('other', isset($visit->physicalExamination) ? optional($visit->physicalExamination)->other : '') }}">
                                        @error('other')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="table-container mt-2 card-section">
                        <div class="header">
                            <h3 class="border-around">Ultrasound</h3>
                            <div class="right-angle">
                                <i class="fa-solid fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="card-section-body">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th colspan="2">Ultrasound :</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>Liver</td>
                                    <td>
                                        <input type="text" name="liver" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('liver', isset($visit->ultrasound) ? optional($visit->ultrasound)->liver : '') }}">
                                        @error('liver')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Gallbladder</td>
                                    <td>
                                        <input type="text" name="gall_bladder" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('gall_bladder', isset($visit->ultrasound) ? optional($visit->ultrasound)->gall_bladder : '') }}">
                                        @error('gall_bladder')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>CBD</td>
                                    <td>
                                        <input type="text" name="cbd" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('cbd', isset($visit->ultrasound) ? optional($visit->ultrasound)->cbd : '') }}">
                                        @error('cbd')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Pancreas</td>
                                    <td>
                                        <input type="text" name="pancreas" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('pancreas', isset($visit->ultrasound) ? optional($visit->ultrasound)->pancreas : '') }}">
                                        @error('pancreas')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Spleen</td>
                                    <td>
                                        <input type="text" name="spleen" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('spleen', isset($visit->ultrasound) ? optional($visit->ultrasound)->spleen : '') }}">
                                        @error('spleen')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Kidney</td>
                                    <td>
                                        <input type="text" name="kidney" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('kidney', isset($visit->ultrasound) ? optional($visit->ultrasound)->kidney : '') }}">
                                        @error('kidney')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Ascites</td>
                                    <td>
                                        <input type="text" name="ascites" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('ascites', isset($visit->ultrasound) ? optional($visit->ultrasound)->ascites : '') }}">
                                        @error('ascites')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Intestine</td>
                                    <td>
                                        <input type="text" name="intestine" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('intestine', isset($visit->ultrasound) ? optional($visit->ultrasound)->intestine : '') }}">
                                        @error('intestine')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Genitalia</td>
                                    <td>
                                        <input type="text" name="genitalia" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('genitalia', isset($visit->ultrasound) ? optional($visit->ultrasound)->genitalia : '') }}">
                                        @error('genitalia')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                <tr>
                                    <td>Other</td>
                                    <td>
                                        <input type="text" name="other" class="form-control"
                                               placeholder="Write here...."
                                               value="{{ old('other', isset($visit->ultrasound) ? optional($visit->ultrasound)->other : '') }}">
                                        @error('other')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>

            <div class="vital-sign mt-3">
                <div class="d-grid justify-content-center">
                    <h3 class="border-around">Prescription</h3>
                </div>
                <div>
                    <div class="d-grid justify-content-start none-sm">
                        <h3 class="border-around">Chronic diseases and medications</h3>
                    </div>
                    <div class="drug-container drug-container-not-chronic">
                        @forelse ($visit->drugs ?? [] as $drug)
                            <x-form.drug-row :drug="$drug" :index="$drugs_counter++"/>
                        @empty
                        @endforelse
                        <x-form.drug-row :drug="null" :index="$drugs_counter++"/>
                    </div>
                    <div class="add-btn">
                        <button type="button" class="btn btn-success"><i class="fa-solid fa-plus"></i>
                            Drug
                        </button>
                    </div>


                    <div class="addition-notes mt-section">
                        <div class="beside">
                            <h3 class="border-around">Note/Life style</h3>
                            <div class="vital-container">
                                <div class="hypertension">
                                    <input
                                        class="form-control @error('note') is-invalid @enderror @if (old('note') || $errors->any()) is-valid @endif"
                                        type="text" name="note"
                                        value="{{ old('note', $visit->note ? $visit->note->content : '') }}"
                                        placeholder="Enter note">
                                    @error('note')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="beside mt-section">
                            <h3 class="border-around">Revisit</h3>
                            <div class="vital-container">
                                <div class="hypertension">
                                    <input
                                        class="form-control @error('revisit') is-invalid @enderror @if (old('revisit') || $errors->any()) is-valid @endif"
                                        type="date" name="revisit"
                                        value="{{ old('revisit', $visit->revisit ? $visit->revisit->date_time : '') }}"
                                        placeholder="Enter revisit">
                                    @error('revisit')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                    </div>


                </div>
            </div>

            <button type="submit" class="btn btn-primary">Update Visit</button>
        </form>
    </main>
@endsection

@section('jsFiles')
    <script src="{{ asset('js/forms.js?3') }}"></script>
    <script src="{{ asset('js/visit/mobile-script.js') }}"></script>
@endsection