@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>
                David Details
            </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 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 active 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_package', $user->id) }}">Package</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">
    <h5>
        <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('view_customer_follow_up', $user->id) }}">
                <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>
        Edit Follow Up
    </h5>
    {{-- <div class="card p-3">
        <h6>Personal Details</h6>
        <form action="{{ route('update_followup') }}">
            <div class="row g-3">
                <div class="col-lg-3">
                    <label class="form-label">Weight(KG) <span class="text-danger">*</span></label>
                    <input type="text" value="72" placeholder="Enter Weight (KG)" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">Fat(%) <span class="text-danger">*</span></label>
                    <input type="text" value="18.5" placeholder="Enter Fat (%)" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">BMI <span class="text-danger">*</span></label>
                    <input type="text" value="23.2" placeholder="Enter BMI" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">VF <span class="text-danger">*</span></label>
                    <input type="text" value="12" placeholder="Enter VF" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">BMR <span class="text-danger">*</span></label>
                    <input type="text" value="1650" placeholder="Enter BMR" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">BA <span class="text-danger">*</span></label>
                    <input type="text" value="28" placeholder="Enter BA" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">MM(%) <span class="text-danger">*</span></label>
                    <input type="text" value="45" placeholder="Enter MM(%)" class="form-control">
                </div>
                <div class="col-lg-3">
                    <label class="form-label">Next Follow Up <span class="text-danger">*</span></label>
                    <input type="date" value="2026-02-26" class="form-control">
                </div>
            </div>
            <div class="form-actions d-flex justify-content-center mt-4">
                <button class="btn btn-primary me-2">Update</button>
                <button class="btn btn-label-secondary ms-2">Discard</button>
            </div>
        </form>
    </div> --}}
<div class="card p-3">
    <h6>Personal Details</h6>
    <form action="{{ route('update_followup') }}" method="POST" id="followupForm">
        @csrf
        <input type="hidden" name="id" value="{{ $followup->id }}">
 <input type="hidden" name="user_id" value="{{ $user->id }}">
        <div class="row g-3">
            <div class="col-lg-3">
                <label class="form-label">Weight(KG)</label>
                <input type="text" name="weight"
                    value="{{ old('weight', $followup->weight) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">Fat(%)</label>
                <input type="text" name="fat"
                    value="{{ old('fat', $followup->fat) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">BMI</label>
                <input type="text" name="bmi"
                    value="{{ old('bmi', $followup->bmi) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">VF</label>
                <input type="text" name="vf"
                    value="{{ old('vf', $followup->vf) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">BMR</label>
                <input type="text" name="bmr"
                    value="{{ old('bmr', $followup->bmr) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">BA</label>
                <input type="text" name="ba"
                    value="{{ old('ba', $followup->ba) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">MM(%)</label>
                <input type="text" name="mm"
                    value="{{ old('mm', $followup->mm) }}"
                    class="form-control">
            </div>
            <div class="col-lg-3">
                <label class="form-label">Next Follow Up</label>
                <input type="date" name="next_followup"
                    value="{{ old('next_followup', $followup->next_follow_up) }}"
                    class="form-control">
            </div>
        </div>
        <div class="form-actions d-flex justify-content-center mt-4">
             <button type="reset" class="btn btn-label-secondary me-2">
                Discard
            </button>
            <button type="submit" id="submitBtn" class="btn btn-primary ms-2">
                Update
            </button>

        </div>
    </form>
</div>
<script>
document.getElementById('followupForm').addEventListener('submit', function () {
    let btn = document.getElementById('submitBtn');
    btn.disabled = true;
    btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> Processing...';
});
</script>
@endsection