این کد منه

<div class="row">
                    <div class="col-md-6 mb-3 custom-background">
                        <label>نام بیمار</label>
                        <input type="text" id="doctor" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                    <div class="col-md-6 mb-3 custom-background">
                        <label>تاریخ و ساعت ویزیت</label>
                        <input type="text" id="appointment_date" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3 custom-background">
                        <label>علائم بیمار</label>
                        <input type="text" id="symptoms" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3 custom-background">
                        <label>تشخیص دکتر</label>
                        <input type="text" id="doctors_diagnosis" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                    <div class="col-md-12 mb-3 custom-background">
                        <label>داروهای تجویز شده</label>
                        <input type="text" id="prescribed_medications" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                    <div class="col-md-12 mb-3 custom-background">
                        <label>نوع آزمایش</label>
                        <input type="text" id="medical_tests" class="form-control" placeholder="پایان حضور" value="" disabled>
                    </div>
                    <div class="col-md-12 mb-3 custom-background">
                        <label>نوع عکس برداری</label>
                        <input type="text" id="medical_imaging" class="form-control" placeholder="پایان حضور" value="بدون نیاز" disabled>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3 custom-background">
                        <label>توضیحات و توصیه‌های پزشک</label>
                        <input type="text" id="doctor_description" class="form-control" placeholder="پایان حضور" value="از خوردن ادویه جات و غذا های سرخ کردنی خودداری شود" disabled>
                    </div>
                </div>

اینم نمونه دیتای منه که باید ایتم های مناسب html بهم بدی که داخلشون قرار بدم

[
    {
        "nationalCode": "۱۲۳۴۵۶۷۸۹۰",
        "fullName": "محمد حسینی",
        "phoneNumber": "۰۹۱۲۳۴۵۶۷۸۹",
        "gender": "مرد",
        "birthDate": "۱۳۷۵/۰۵/۱۵",
        "insuranceType": "تامین اجتماعی",
        "underlyingDisease": "دیابت",
        "drugAllergy": "پنیسیلین",
        "appointmentDate": "۱۴۰۲/۱۰/۱۵",
        "appointmentTime": "۱۰:۰۰",
        "symptoms": "خستگی، تشنگی شدید",
        "patientStatus": "آنلاین",
        "appointmentStatus": "انجام شده"
    },
    {
        "nationalCode": "۱۱۲۲۳۳۴۴۵۵",
        "fullName": "علی کریمی",
        "phoneNumber": "۰۹۳۳۴۵۶۷۸۹۰",
        "gender": "مرد",
        "birthDate": "۱۳۶۸/۱۱/۳۰",
        "insuranceType": "ایران",
        "underlyingDisease": "آسم",
        "drugAllergy": "آنتی هیستامین",
        "appointmentDate": "۱۴۰۱/۱۰/۱۵",
        "appointmentTime": "۱۴:۰۰",
        "symptoms": "سرفه، تنگی قفسه سینه",
        "patientStatus": "آنلاین",
        "appointmentStatus": "در انتظار"
    }]