@extends('Admin.layout')
@section('content')
<div class="row align-items-center justify-content-between mb-3 mt-3">
    <div class="col-auto">
        <h5>
            <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('customer_table') }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="icon icon-tabler">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a>
            </button>
            {{ $user->name }}
        </h5>
    </div>
</div>
<p>Patient Name :&nbsp;{{ $user->name }}</p>
<p>Patient ID :&nbsp;{{ $user->id_number }}</p>
<ul class="nav nav-pills flex-column flex-sm-row mb-4 gap-sm-0 gap-2 mt-4">
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light" href="{{ route('view_customer_profile', $user->id) }}"> Profile</a>
    </li>
    <li class="nav-item">
        <a class="nav-link  active waves-effect waves-light"
            href="{{ route('view_customer_health', $user->id) }}">Health</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light"
            href="{{ route('view_customer_attendance', $user->id) }}">Attendance</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light" href="{{ route('view_customer_follow_up', $user->id) }}">Follow
            Up</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light" href="{{ route('view_customer_royalty', $user->id) }}">Royalty</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light"
            href="{{ route('view_customer_subscription', $user->id) }}">Subscriptions</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-effect waves-light"
            href="{{ route('view_customer_referral', $user->id) }}">Referral</a>
    </li>
</ul>
<hr class="text-primary mx-2">

<form action="{{ route('edit_health', $health->id ?? '') }}" method="POST" id="healthForm">
    @csrf
    <div class="card p-3">
        <h6 class="mt-1"> Health Details</h6>
        <div class="row">
            <div class="col-lg-4 mb-2">
                <label class="form-label">Height <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('height') is-invalid @enderror" name="height"
                    value="{{ old('height', $health->height ?? '') }}">
                @error('height') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Weight <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('weight') is-invalid @enderror" name="weight"
                    value="{{ old('weight', $health->weight ?? '') }}">
                @error('weight') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">BMI <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('bmi') is-invalid @enderror" name="bmi" id="bmi"
                    value="{{ old('bmi', $health->bmi ?? '') }}">
                @error('bmi') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">VF <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('vf') is-invalid @enderror" name="vf"
                    value="{{ old('vf', $health->vf ?? '') }}">
                @error('vf') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">BMR <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('bmr') is-invalid @enderror" name="bmr"
                    value="{{ old('bmr', $health->bmr ?? '') }}">
                @error('bmr') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Body Age <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('body_age') is-invalid @enderror" name="body_age"
                    value="{{ old('body_age', $health->body_age ?? '') }}">
                @error('body_age') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
        </div>
        <h6 class="mt-2"> Eating Habits</h6>
        <div class="row">
            <div class="col-lg-4 mb-2">
                <label class="form-label">Wake Up <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('wake_up') is-invalid @enderror" name="wake_up"
                    value="{{ old('wake_up', $health->wake_up ?? '') }}">
                @error('wake_up') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Tea/Coffee *</label>
                <select name="tea_type" class="form-select @error('tea_type') is-invalid @enderror">
                    <option value="">Select Type</option>
                    <option value="tea" {{ old('tea_type', $customer->tea_type ?? '') == 'tea' ? 'selected' : '' }}>
                        Tea
                    </option>
                    <option value="coffee"
                        {{ old('tea_type', $customer->tea_type ?? '') == 'coffee' ? 'selected' : '' }}>
                        Coffee
                    </option>
                </select>
                @error('tea_type')
                <div class="text-danger small">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Breakfast <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('break_fast') is-invalid @enderror" name="break_fast"
                    value="{{ old('break_fast', $health->tiffen ?? '') }}">
                @error('break_fast') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Lunch <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('lunch') is-invalid @enderror" name="lunch"
                    value="{{ old('lunch', $health->lunch ?? '') }}">
                @error('lunch') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Evening Snacks <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('snacks') is-invalid @enderror" name="snacks"
                    value="{{ old('snacks', $health->evening_snacks ?? '') }}">
                @error('snacks') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Dinner <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('dinner') is-invalid @enderror" name="dinner"
                    value="{{ old('dinner', $health->dinner ?? '') }}">
                @error('dinner') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-6 mb-2">
                <label class="form-label">Veg/Non-Veg <span class="text-danger">*</span></label>
                <select class="form-select @error('veg') is-invalid @enderror" name="veg">
                    <option value="">Select</option>
                    <option value="veg" {{ old('veg', $health->food_type ?? '') == 'veg' ? 'selected' : '' }}>Veg
                    </option>
                    <option value="non-veg" {{ old('veg', $health->food_type ?? '') == 'non-veg' ? 'selected' : '' }}>
                        Non-Veg</option>
                </select>
                @error('veg') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-6 mb-2">
                <label class="form-label">Water Intake <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('water_intake') is-invalid @enderror" name="water_intake"
                    value="{{ old('water_intake', $health->water_intake ?? '') }}">
                @error('water_intake') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
        </div>
        <h6 class="mt-2"> Health Conditions</h6>
        <div class="row">
            <div class="col-lg-4 mb-2">
                <label class="form-label">Blood Pressure <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('blood_pressure') is-invalid @enderror"
                    name="blood_pressure" value="{{ old('blood_pressure', $health->blood_pressure ?? '') }}">
                @error('blood_pressure') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Head Ache <span class="text-danger">*</span></label>
                <select class="form-select @error('headache') is-invalid @enderror" name="headache">
                    <option value="">Select</option>
                    <option value="yes" {{ old('headache', $health->headache ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('headache', $health->headache ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('headache') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Sugar <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('sugar') is-invalid @enderror" name="sugar"
                    value="{{ old('sugar', $health->sugar ?? '') }}">
                @error('sugar') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Giddiness <span class="text-danger">*</span></label>
                <select class="form-select @error('giddiness') is-invalid @enderror" name="giddiness">
                    <option value="">Select</option>
                    <option value="yes" {{ old('giddiness', $health->giddiness ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('giddiness', $health->giddiness ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('giddiness') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Cardiac <span class="text-danger">*</span></label>
                <select class="form-select @error('cardiac') is-invalid @enderror" name="cardiac">
                    <option value="">Select</option>
                    <option value="yes" {{ old('cardiac', $health->cardiac ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('cardiac', $health->cardiac ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('cardiac') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Gastritis <span class="text-danger">*</span></label>
                <select class="form-select @error('gastritis') is-invalid @enderror" name="gastritis">
                    <option value="">Select</option>
                    <option value="yes" {{ old('gastritis', $health->gastritis ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('gastritis', $health->gastritis ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('gastritis') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Tiredness <span class="text-danger">*</span></label>
                <select class="form-select @error('tiredness') is-invalid @enderror" name="tiredness">
                    <option value="">Select</option>
                    <option value="yes" {{ old('tiredness', $health->tiredness ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('tiredness', $health->tiredness ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('tiredness') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Acidity <span class="text-danger">*</span></label>
                <select class="form-select @error('acidity') is-invalid @enderror" name="acidity">
                    <option value="">Select</option>
                    <option value="yes" {{ old('acidity', $health->acidity ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no" {{ old('acidity', $health->acidity ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('acidity') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Indigestion <span class="text-danger">*</span></label>
                <select class="form-select @error('indigestion') is-invalid @enderror" name="indigestion">
                    <option value="">Select</option>
                    <option value="yes" {{ old('indigestion', $health->indigestion ?? '') == 'yes' ? 'selected' : '' }}>
                        Yes</option>
                    <option value="no" {{ old('indigestion', $health->indigestion ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('indigestion') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Constipation <span class="text-danger">*</span></label>
                <select class="form-select @error('constipation') is-invalid @enderror" name="constipation">
                    <option value="">Select</option>
                    <option value="yes"
                        {{ old('constipation', $health->constipation ?? '') == 'yes' ? 'selected' : '' }}>Yes</option>
                    <option value="no" {{ old('constipation', $health->constipation ?? '') == 'no' ? 'selected' : '' }}>
                        No</option>
                </select>
                @error('constipation') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Pain <span class="text-danger">*</span></label>
                <select class="form-select @error('pain') is-invalid @enderror" name="pain">
                    <option value="">Select</option>
                    <option value="yes" {{ old('pain', $health->pain ?? '') == 'yes' ? 'selected' : '' }}>Yes</option>
                    <option value="no" {{ old('pain', $health->pain ?? '') == 'no' ? 'selected' : '' }}>No</option>
                </select>
                @error('pain') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-4 mb-2">
                <label class="form-label">Breathing Problem <span class="text-danger">*</span></label>
                <select class="form-select @error('breathing_problem') is-invalid @enderror" name="breathing_problem">
                    <option value="">Select</option>
                    <option value="yes"
                        {{ old('breathing_problem', $health->breathing_problem ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no"
                        {{ old('breathing_problem', $health->breathing_problem ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('breathing_problem') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
            <div class="col-lg-12 mb-2">
                <label class="form-label">Sleeping Disorder <span class="text-danger">*</span></label>
                <select class="form-select @error('sleeping_disorder') is-invalid @enderror" name="sleeping_disorder">
                    <option value="">Select</option>
                    <option value="yes"
                        {{ old('sleeping_disorder', $health->sleeping_disorder ?? '') == 'yes' ? 'selected' : '' }}>Yes
                    </option>
                    <option value="no"
                        {{ old('sleeping_disorder', $health->sleeping_disorder ?? '') == 'no' ? 'selected' : '' }}>No
                    </option>
                </select>
                @error('sleeping_disorder') <div class="text-danger small">{{ $message }}</div> @enderror
            </div>
        </div>
        <div class="form-actions mt-4 d-flex gap-3 justify-content-center">
            {{-- <button type="submit" class="btn btn-primary">Update</button> --}}
            <button type="reset" class="btn btn-label-secondary">Discard</button>
            <button type="button" class="btn btn-primary" id="finalSubmit">Update</button>
        </div>
    </div>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
toastr.options.timeOut = 3000;
</script>
<script>
document.getElementById('finalSubmit').addEventListener('click', function() {
    let btn = this;
    btn.disabled = true;
    btn.innerHTML = 'Processing...';
    document.getElementById('healthForm').submit();
});
document.getElementById('profileImageInput').addEventListener('change', function(event) {
    let reader = new FileReader();
    reader.onload = function() {
        document.getElementById('imagePreview').src = reader.result;
    };
    if (event.target.files[0]) {
        reader.readAsDataURL(event.target.files[0]);
    }
});
</script>
@if (session('success'))
<script>
toastr.success("{{ session('success') }}");
</script>
@endif
@if (session('error'))
<script>
toastr.error("{{ session('error') }}");
</script>
@endif
@endsection