@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>
    <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>
        Create Follow Up
    </h5>
    <div class="card p-3">
        <h6>Personal Details</h6>
      {{-- <form action="{{ route('add_followup_post') }}" method="POST" id="followupForm">
    @csrf
    <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) <span class="text-danger">*</span></label>
            <input type="text" name="weight" value="{{ old('weight') }}" class="form-control" placeholder="Enter Weight (KG)">
        </div>
        <div class="col-lg-3">
            <label class="form-label">Fat(%) <span class="text-danger">*</span></label>
            <input type="text" name="fat" value="{{ old('fat') }}" class="form-control" placeholder="Enter Fat (%)">
        </div>
        <div class="col-lg-3">
            <label class="form-label">BMI <span class="text-danger">*</span></label>
            <input type="text" name="bmi" value="{{ old('bmi') }}" class="form-control" placeholder="Enter BMI">
        </div>
        <div class="col-lg-3">
            <label class="form-label">VF <span class="text-danger">*</span></label>
            <input type="text" name="vf" value="{{ old('vf') }}" class="form-control" placeholder="Enter VF">
        </div>
        <div class="col-lg-3">
            <label class="form-label">BMR <span class="text-danger">*</span></label>
            <input type="text" name="bmr" value="{{ old('bmr') }}" class="form-control" placeholder="Enter BMR">
        </div>
        <div class="col-lg-3">
            <label class="form-label">BA <span class="text-danger">*</span></label>
            <input type="text" name="ba" value="{{ old('ba') }}" class="form-control" placeholder="Enter BA">
        </div>
        <div class="col-lg-3">
            <label class="form-label">MM(%) <span class="text-danger">*</span></label>
            <input type="text" name="mm" value="{{ old('mm') }}" class="form-control" placeholder="Enter MM (%)">
        </div>
        <div class="col-lg-3">
            <label class="form-label">Next Follow Up <span class="text-danger">*</span></label>
            <input type="date" name="next_followup" value="{{ old('next_followup') }}" class="form-control">
        </div>
    </div>
    <div class="form-actions d-flex justify-content-center mt-4">
        <button type="submit" id="submitBtn" class="btn btn-primary me-2">Submit</button>
        <button type="reset" class="btn btn-label-secondary ms-2">Discard</button>
    </div>
</form> --}}
<form action="{{ route('add_followup_post') }}" method="POST" id="followupForm">
    @csrf
    <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) <span class="text-danger">*</span></label>
            <input type="text" name="weight" value="{{ old('weight') }}"
                class="form-control @error('weight') is-invalid @enderror" placeholder="Enter Weight (KG)">
            @error('weight')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">Fat(%) <span class="text-danger">*</span></label>
            <input type="text" name="fat" value="{{ old('fat') }}"
                class="form-control @error('fat') is-invalid @enderror" placeholder="Enter Fat (%)">
            @error('fat')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">BMI <span class="text-danger">*</span></label>
            <input type="text" name="bmi" value="{{ old('bmi') }}"
                class="form-control @error('bmi') is-invalid @enderror" placeholder="Enter BMI">
            @error('bmi')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">VF <span class="text-danger">*</span></label>
            <input type="text" name="vf" value="{{ old('vf') }}"
                class="form-control @error('vf') is-invalid @enderror" placeholder="Enter VF">
            @error('vf')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">BMR <span class="text-danger">*</span></label>
            <input type="text" name="bmr" value="{{ old('bmr') }}"
                class="form-control @error('bmr') is-invalid @enderror" placeholder="Enter BMR">
            @error('bmr')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">BA <span class="text-danger">*</span></label>
            <input type="text" name="ba" value="{{ old('ba') }}"
                class="form-control @error('ba') is-invalid @enderror" placeholder="Enter BA">
            @error('ba')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">MM(%) <span class="text-danger">*</span></label>
            <input type="text" name="mm" value="{{ old('mm') }}"
                class="form-control @error('mm') is-invalid @enderror" placeholder="Enter MM (%)">
            @error('mm')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-lg-3">
            <label class="form-label">Next Follow Up <span class="text-danger">*</span></label>
            <input type="date" name="next_followup" value="{{ old('next_followup') }}"
                class="form-control @error('next_followup') is-invalid @enderror">
            @error('next_followup')
                <div class="text-danger small mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="form-actions d-flex justify-content-center mt-4">
        <button type="reset" class="btn btn-label-secondary px-4">Discard</button>
        <button type="submit" id="submitBtn" class="btn btn-primary ms-4 px-4">Submit</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...';
});
// Enable again if page reloads with validation error
window.onload = function () {
    let btn = document.getElementById('submitBtn');
    if(btn){
        btn.disabled = false;
        btn.innerHTML = 'Submit';
    }
};
</script>
@endsection