@extends('layouts.app')

@section('content')
    <form action="{{ route('medical.file.update', $health_file->id) }}" class="col col-lg-9 pd-30" id="form_request_ajax"
        enctype="multipart/form-data" method="POST">

        @csrf
        @method('PUT')
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">بيانات النزيل الصحية</h1>
            <button class="btn small primary">حفظ</button>
        </div>
        <!-- // Page Title -->


        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <x-prisoner-info :$prisoner />
        </div>
        <!-- // Grid -->
        <!-- Grid -->

        <div class="row gray-form">
            <!-- Column -->
            @foreach (config('static_health_profile') as $key => $disease)
                <div class="col-12 col-md-4 widget-block">

                    <!-- Controls Widget -->
                    <h3
                        class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-5 medium-weight mb-10 mt-10 primary">
                        <label class="checkbox fs-17 strong-weight ">
                            <input type="checkbox" name="{{ $key }}" class="main-check"
                                {{ isset($diseases_items[$key]) ? 'checked' : '' }}
                                value="{{ isset($diseases_items[$key]) ? 1 : 0 }}">
                            <span>{{ $disease['name'] }}</span>
                        </label>
                    </h3>
                    <!-- Controls Group -->
                    <div class="flexbox divider-b mb-20">
                        <!-- Form Controls -->

                        <div class="col pds-15">
                            @if ($key == 'diabetic')
                                <span>نوع داء السكري : </span>
                            @elseif($key != 'special_food' && $key != 'mental_healthcare' && $key != 'physical_healthcare')
                                <span>درجة الخطورة : </span>
                            @endif
                            @foreach ($disease['values'] as $type => $value)
                                <label class="checkbox fs-13 pdx-10">
                                    <input type="radio" name="{{ $key . '_type' }}" value="{{ $type }}"
                                        {{ isset($diseases_items[$key]) && $diseases_items[$key][0]['value'] == $type ? 'checked' : '' }}
                                        class="des" @disabled(!isset($diseases_items[$key]))>
                                    <span>{{ $value }} </span>
                                </label>
                            @endforeach
                            @if ($disease['description'])
                                <label>{{ $disease['description'] }}</label>
                                <input type="text" name="{{ $key }}_description" placeholder="" class="des"
                                    value="{{ isset($diseases_items[$key]) && $diseases_items[$key][0]['description'] ? $diseases_items[$key][0]['description'] : '' }}"
                                    @disabled(!isset($diseases_items[$key]))>
                            @endif
                            <label>توصيات</label>
                            <textarea name="{{ $key }}_recommendation" class="des" @disabled(!isset($diseases_items[$key]))> {{ isset($diseases_items[$key]) && $diseases_items[$key][0]['recommendations'] ? $diseases_items[$key][0]['recommendations'] : '' }}</textarea>

                        </div>
                        <!-- // Form Controls -->
                    </div>
                    <!-- // Controls Group -->
                </div>
            @endforeach

            <div class="col-12 col-md-4 widget-block">

                <!-- Controls Widget -->
                <h3
                    class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-5 medium-weight mb-10 mt-10 primary">
                    <label class="fs-17 strong-weight ">
                        <span>ملاحظات عامة</span>
                    </label>
                </h3>
                <div class="flexbox divider-b mb-20">
                    <div class="col pds-10">
                        <label>ملاحظات</label>
                        <textarea name="notes">{{ $health_file->notes }}</textarea>
                    </div>
                </div>
            </div>
        </div>


        <!-- // Grid -->
        <div class="col-12 col-md-6">
            <button class="btn primary fluid">حفظ</button>
        </div>
    </form>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            $('.main-check').change(function() {
                var isChecked = $(this).is(':checked');
                var controlsGroup = $(this).closest('.widget-block').find('.flexbox');
                var radiosAndTextInputs = controlsGroup.find('.des');

                if (!isChecked) {
                    radiosAndTextInputs.prop('checked', false); // Clear radio buttons
                    radiosAndTextInputs.val(''); // Clear text inputs
                }

                radiosAndTextInputs.prop('disabled', !
                isChecked); // Enable/disable all radio buttons and text inputs
            });

        });
    </script>
@endsection