[ Th3_Err0r Bypassed ]

<?php 
ob_start();
session_start();
$pageTitle  = 'حاسبة التكاليف';
include 'init.php';
?>
<div class="nohead"></div>
<div class="py-4">
    <div class="container-xl">
        <div class="row justify-content-center">
        <div class="col-md-10 text-center">
            <h2 class="section-title" data-aos="fade-up" data-aos-delay=""> حاسبة تكلفة البناء </h2><hr class="m-auto">
            <p class="lead fw-bold text-secondary fw-bold" data-aos="fade-up" data-aos-delay="100">حاسبة تكلفة البناء هي خدمة ارشادية هدفها توعية ومساعدة المقبلين على البناء على التخطيط المناسب وتوفير السيولة اللازمة له قبل اتخاذ القرار والمساعدة في دراسة الجدوى التقريبية للمشروع .هي تعطي مؤشر مبدئي للتكلفة المتوقعة لبناء المنزل بدقة لا تقل عن 90% . الحاسبة مناسبة للمشاريع بمساحات تتراوح ما بين 280- 560 متر مربع (3000 – 6000 قدم مربع ).</p>
            <hr class="m-auto"></div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-12">
            <section class="site-section border-bottom bg-light mt-4" id="services-section">
                <div class="row align-items-stretch">
                <div class="owl-costcalc-ar owl-carousel">
                    <div class="" data-aos="fade-up">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/arch.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> التصميم المعماري </h3>
                            </div>
                        </div>
                    </div>
                    <div class="" data-aos="fade-up" data-aos-delay="100">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/eng.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> التصميم الهندسي </h3>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/tec.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> الاستشارات الفنية </h3>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" data-aos="fade-up" >
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/plan.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> تدقيق المخططات المعمارية </h3>
                            <p class="atext-cus fw-bold h4">1000 <sub> درهم إماراتي </sub></p>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" data-aos="fade-up" data-aos-delay="100">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/done.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> الاستلام النهائي للمسكن </h3>
                            <p class="atext-cus fw-bold h4">1000 <sub> درهم إماراتي </sub></p>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/value.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> الهندسة القيمية </h3>
                            </div>
                        </div>
                    </div>
                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                        <div class="unit-4 text-center px-2">
                            <div class="unit-4-icon">
                            <img src="../img/serv_ico/contract.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
                            </div>
                            <div>
                            <h3 class="mt-3"> تدقيق العقود والمواصفات </h3>
                            <p class="atext-cus fw-bold h4">500 <sub> درهم إماراتي </sub></p>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                <a href="services.php"><button class="btn btn-primary mt-5"> معرفة المزيد </button></a>
            </section>
            <section class="site-section" id="blog-section">
                <div class="owl-costcalc-ar owl-carousel"> 
                    <?php foreach (getprojhead() as $key ) {?>
                    <div  class="item" data-aos="fade-up" data-aos-delay="">
                    <div class="h-entry text-center">
                        <a href="details.php?projectcode=<?php echo $key['code']; ?>">
                        <img style="height: 220px;width: 100%" src="../admin/images/uploads/projects/<?php echo $key['img1'];?>" alt="Image" class="img-fluid">
                        </a>
                        <h2 class="font-size-regular"><a href="#"><?php echo $key['ar_tittle']?></a></h2>
                        <div class="meta mb-4"><?php echo $key['ar_compname'] ?><span class="mx-2">&bullet;</span> <?php echo $key['donedate'] ?></div>
                        <hr>
                        <p class="mypr_desc"><?php echo substr($key['ar_description'], 0, 120) . "..."?></p>
                        <hr>
                        <p><a href="details.php?projectcode=<?php echo $key['code']; ?>" class="btn btn-primary m-auto text-center mr-2 mb-2"> عرض المشروع </a></p>
                    </div> 
                    </div>
                    <?php }?>
                </div> 
            </section>
        </div>
        <div class="col-lg-8 col-md-12">
        <section class="add_my">
            <form action="costresult.php" method="POST" class="form_calc" id="form-step">
                <p class="h4 add_my_p"> حاسبة تكلفة البناء <br> <bold class="shadow-sm p-2 h2 rounded-pill fw-bold"> الليوان </bold> </p>
                <!-- Progress bar -->
                <div class="progressbar">
                    <div class="progress" id="progress"></div>
                    <div class="progress-step progress-step-active" data-title="خطوة1"></div>
                    <div class="progress-step" data-title="خطوة2"></div>
                    <div class="progress-step" data-title="خطوة3"></div>
                    <div class="progress-step" data-title="خطوة4"></div>
                </div>

                <div class="ermsg">
                    <?php if (isset($_GET['Message'])){?>
                    <div class="box-root padding-top--5 padding-bottom--2 flex-flex flex-justifyContent--center">
                    <p class="custom_msg"><?php echo $_GET['Message']; ?></p>
                    </div>
                    <?php }?>
                </div>
                <!-- Steps -->
                <div class="form-step form-step-active fs-2">
                    <hr>
                    <p class="text-center bg-info fw-bold bg-gradeint px-2 rounded text-light w-75 m-auto"> تأكد من ملئ جميع الحقول الإجبارية <span class="fs-1">( ◈ )</span></p>
                    <hr>
                    <div class="row">
                        <div class="col-12">
                            <div class="type mt-4 w-50 m-auto">
                                <label for="type" class="text-dark fw-bold text-center"> إختر المدينة <span class="text-danger fs-5">◈</span></label>
                                <select class="form-select text-center" aria-label="Default select example" name="city_is" required="required">
                                    <?php foreach ( actcitycalclist() as $citylist ) {  ?>
                                    <option class="bg-white fw-bold text-center px-5" value="<?php echo $citylist['citcalc_id'] ?>"> <?php echo $citylist['citcalc_arname'] ?>  </option>
                                    <?php }?>
                                </select>
                            </div>
                        </div>
                    </div>
                    <hr class="my-5">
                    <div class="row">
                        <div class="col-12">
                            <div class="mycheck_finishfence">
                                <label for="finishfence" class="text-secondary fw-bold py-3 px-2"> تشطيب السور  <span class="text-danger fs-5">◈</span></label>
                                <div class="row">
                                <div class="col-6">
                                    <div class="form-check form-check-inline w-50 px-2">
                                    <input class="form-check-input" type="radio" name="finishfence" id="finishfence" value="naturalstone">
                                    <label class="form-check-label text-dark" for="finishfence"> حجر طبيعي </label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-check form-check-inline w-50 px-2">
                                    <input class="form-check-input" type="radio" checked name="finishfence" id="finishfence" value="dye">
                                    <label class="form-check-label text-dark" for="finishfence"> صبغ </label>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                        <div class="w-100">
                            <hr class="my-3">
                            <div class="input-group">
                            <di class="col-lg-6 col-md-12">
                                <label for="subject_name" class="text-secondart fw-bold text-center"> أدخل طول السور المطل على الشارع ( متر )  <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-lg-6 col-md-12">
                                <input type="number" class="w-100 fw-bold py-2" required="required" name="stfence" id="stfence" />
                            </div>
                            </div>
                        </div>
                        </div>
                        <div class="col-12">
                        <div class="w-100">
                            <hr class="my-3">
                            <div class="input-group">
                            <di class="col-lg-6 col-md-12">
                                <label for="subject_name" class="text-secondart fw-bold text-center"> أدخل طول السور الجانبي <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-lg-6 col-md-12">
                                <input type="number" class="w-100 fw-bold py-2" required="required" name="sifence" id="sifence" />
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <hr>
                    <div class="mt-5">
                        <div class="row">
                            
                            
                            <div class="col-lg-2">
                                <img src="../img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
                            </div>
                            <div class="col-lg-7"></div>
                            <div class="col-lg-3 col-sm-7">
                                <a href="#form-step" class="btn btn-next w-100 text-center m-auto"> التالي </a>
                            </div>
                        </div>
                    </div>
                </div>

            <div class="form-step">
                <div class="justtitle mb-5 ">
                    <p class="text-secondary mt-3 shadow p-3 rounded-pill fw-bold text-center fs-5 m-auto w-75"> عدد الطوابق </p>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="mycheck_finishinglevel">
                            <label for="finishinglevel" class="text-secondary fw-bold px-2"> مستوى التشطيب <span class="text-danger fs-5">◈</span></label>
                            <div class="row">
                            <div class="col-4">
                                <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="finishinglevel" id="finishinglevel" value="normal">
                                <label class="form-check-label " for="finishinglevel"> متوسط </label>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="finishinglevel" id="finishinglevel" value="good">
                                <label class="form-check-label " for="finishinglevel"> جيد </label>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="finishinglevel" id="finishinglevel" value="excellent">
                                <label class="form-check-label " for="finishinglevel"> ممتاز </label>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="my-5"><br>
                <div class="row">
                    <div class="col-lg-4 col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="isabasement" id="isabasement"  value="1"
                            data-bs-toggle="collapse" href="#basement" role="button" aria-expanded="false" aria-controls="basement">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="isabasement">
                            بيسمنت
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="groundfloor" id="groundfloor" value="1"
                            data-bs-toggle="collapse" href="#itsgroundfloor" role="button" aria-expanded="false" aria-controls="itsgroundfloor">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="groundfloor"> 
                            طابق أرضي 
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="firstfloor" id="firstfloor"  value="1"
                            data-bs-toggle="collapse" href="#itsfirstfloor" role="button" aria-expanded="false" aria-controls="itsfirstfloor">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="firstfloor">
                            طابق أول
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 ">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="secoundfloor" id="secoundfloor" value="1"
                            data-bs-toggle="collapse" href="#itssecondfloor" role="button" aria-expanded="false" aria-controls="itssecondfloor">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="secoundfloor">
                            طابق ثاني
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="supplement" id="supplement" value="1"
                            data-bs-toggle="collapse" href="#itssupplement" role="button" aria-expanded="false" aria-controls="itssupplement">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="supplement">
                            ملحق
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="driverroom" id="driverroom" value="1"
                            data-bs-toggle="collapse" href="#itsdriverroom" role="button" aria-expanded="false" aria-controls="itsdriverroom">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="driverroom">
                            غرفة سائق
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 ">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="externalcouncil" id="externalcouncil" value="1"
                            data-bs-toggle="collapse" href="#itsexternalcouncil" role="button" aria-expanded="false" aria-controls="itsexternalcouncil">
                            <label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="externalcouncil">
                            مجلس خارجي
                            </label>
                        </div>
                    </div>
                    <!-- collapse start -->
                    <div class="col-12"><!-- collapse 1 -->
                        <div class="collapse w-100" id="basement">
                            <hr class="my-3">
                            <div class="input-group">
                                <di class="col-6">
                                    <label for="subject_name" class="text-secondary fw-bold text-center">  أدخل مساحة البيسمنت (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                                </di>
                                <div class="col-6">
                                    <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000"  name="basement_space" id="basementspace" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12"><!-- collapse 2 -->
                        <div class="collapse w-100" id="itsgroundfloor">
                            <hr class="my-3">
                            <div class="input-group">
                                <di class="col-6">
                                    <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة الطابق الأرضي (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                                </di>
                                <div class="col-6">
                                    <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000"  name="groundfloor_space" id="groundfloor_space" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12"><!-- collapse 3 -->
                    <div class="collapse w-100" id="itsfirstfloor">
                        <hr class="my-3">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة الطابق الأول (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000"  name="firstfloor_space" id="firstfloor_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="col-12"><!-- collapse 4 -->
                    <div class="collapse w-100" id="itssecondfloor">
                        <hr class="my-3">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة الطابق الثان (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000"  name="secoundfloor_space" id="secoundfloor_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="col-12"><!-- collapse 5 -->
                    <div class="collapse w-100" id="itssupplement">
                        <hr class="my-3">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة الملحق (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000"  name="supplement_space" id="supplement_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="col-12"><!-- collapse 6 -->
                    <div class="collapse w-100" id="itsdriverroom">
                        <hr class="my-3">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة غرفة السائق (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000" name="driverroom_space" id="driverroom_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="col-12"><!-- collapse 7 -->
                    <div class="collapse w-100" id="itsexternalcouncil">
                        <hr class="my-3">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> أدخل مساحة المجلس الخارجي (قدم <sup>2</sup>  ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" placeholder="أقل مساحة مقبولة هي 1000 (قدم مربع)" min="1000" name="externalcouncil_space" id="externalcouncil_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="mt-5">
                    <hr>
                    <div class="row">
                        <div class="col-lg-2">
                            <img src="../img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
                        </div>
                        <div class="col-lg-2"></div>
                        <div class="col-lg-4 col-sm-12 my-2">
                            <a href="#form-step" class="btn btn-prev w-75 fw-bold"> السابق </a>
                        </div>
                        <div class="col-lg-4 col-sm-12 my-2">
                            <a href="#form-step" class="btn btn-next w-75 fw-bold"> التالي </a>
                        </div>
                    </div>
                </div>
                </div>
                <div class="form-step">
                    <hr>
                    <div class="row">
                    <div class="col-12">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center py-2"> عدد مواقف السيارات (0 - 8) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" min="0" max="8" required="required" class="w-100 fw-bold py-2"  name="parking_number" id="parking_number" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <hr>
                    <div class="row">
                    <div class="col-lg-12">
                        <div class="mycheck_gender">
                        <label for="laddertoroof" class="text-secondary fw-bold px-2"> هل تريد ايصال السلم الخرساني للسقف ؟ <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-6">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="laddertoroof" id="laddertoroof" value="1">
                                <label class="form-check-label text-dark" for="laddertoroof"> نعم </label>
                            </div>
                            </div>
                            <div class="col-6">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="laddertoroof" id="laddertoroof" value="0">
                                <label class="form-check-label text-dark"  for="laddertoroof"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <hr>
                    </div>
                    <hr>
                    <div class="row">
                    <div class="col-lg-6">
                        <div class="mycheck_gender">
                        <label for="roadsite" class="text-secondary fw-bold px-2 text-nowrap"> هل يوجد طريق مؤدي للموقع ؟ <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="roadsite" id="roadsite" value="1">
                                <label class="form-check-label text-dark" for="roadsite"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="roadsite" id="roadsite" value="0">
                                <label class="form-check-label text-dark"  for="roadsite"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mycheck_gender">
                        <label for="drawer" class="text-secondary fw-bold px-2 text-nowrap"> إختر نوع الدرج <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="drawer" id="drawer" value="1">
                                <label class="form-check-label text-dark" for="drawer"> حلزوني </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="drawer" id="drawer" value="0">
                                <label class="form-check-label text-dark"  for="drawer"> عادي </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                    <hr>
                    <div class="row">
                    <div class="col-lg-6">
                        <div class="mycheck_gender">
                        <label for="elevator" class="text-secondary fw-bold px-2 text-nowrap"> هل تريد بناء مصعد ؟  <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="elevator" id="elevator" value="1">
                                <label class="form-check-label text-dark" for="elevator"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="elevator" id="elevator" value="0">
                                <label class="form-check-label text-dark"  for="elevator"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mycheck_gender">
                        <label for="gaz" class="text-secondary fw-bold px-2 text-nowrap"> هل تريد تركيب غاز ؟ <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="gaz" id="gaz" value="1">
                                <label class="form-check-label text-dark" for="gaz"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="gaz" id="gaz" value="0">
                                <label class="form-check-label text-dark"  for="gaz"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-12 mt-4">
                        <div class="mycheck_gender">
                        <label for="heater" class="text-secondary fw-bold px-2"> هل تريد بناء سخان مياه مركزي شمسي ؟ <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="heater" id="heater" value="1">
                                <label class="form-check-label text-dark" for="heater"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="heater" id="heater" value="0">
                                <label class="form-check-label text-dark"  for="heater"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                    <hr>
                    <div class="mt-5">
                    <div class="row">
                        <div class="col-lg-2">
                            <img src="../img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
                        </div>
                        <div class="col-lg-2"></div>
                        <div class="col-lg-4 col-sm-12 my-2">
                            <a href="#form-step" class="btn btn-prev w-75 fw-bold"> السابق </a>
                        </div>
                        <div class="col-lg-4 col-sm-12 my-2">
                            <a href="#form-step" class="btn btn-next w-75 fw-bold">  التالي</a>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="form-step">
                    <hr>
                    <div class="row">
                    <div class="col-lg-5">
                        <div class="mycheck_gender">
                        <label for="actype" class="text-secondary fw-bold px-2 "> نوع التكييف <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="actype" id="actype" value="a">
                                <label class="form-check-label text-dark text-nowrap" for="actype"> سبلت ديكوريتف </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="actype" id="actype" value="b">
                                <label class="form-check-label text-dark"  for="actype"> سبلت دكت </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="mycheck_gender">
                        <label for="roomdecor" class="text-secondary fw-bold px-2 "> هل تريد ديكور ( ديكور داخلي بسيط للغرف الرئيسية ) <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="roomdecor" id="roomdecor" value="1">
                                <label class="form-check-label text-dark" for="roomdecor"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="roomdecor" id="roomdecor" value="0">
                                <label class="form-check-label text-dark"  for="roomdecor"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                    <hr>
                    <div class="row">
                    <div class="col-lg-5">
                        <div class="mycheck_gender">
                        <label for="outdecortype" class="text-secondary fw-bold px-2"> نوع الاكساء الخارجي   <span class="text-danger fs-5">◈</span></label>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-check form-check-inline w-50 px-2">
                                        <input class="form-check-input" type="checkbox" name="outdecortype" id="outdecortype" value="1">
                                        <label class="form-check-label text-dark text-nowrap" for="outdecortype"> حجر طبيعي </label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-check form-check-inline w-50 px-2">
                                        <input class="form-check-input" type="checkbox" name="outdecortype" id="outdecortype" value="2">
                                        <label class="form-check-label text-dark text-nowrap" for="outdecortype"> قرميد على السقف </label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-check form-check-inline w-50 px-2">
                                        <input class="form-check-input" type="checkbox" checked name="outdecortype" id="outdecortype" value="0">
                                        <label class="form-check-label text-dark text-nowrap"  for="outdecortype"> صبغ </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="mycheck_gender">
                        <label for="sanitation" class="text-secondary fw-bold px-2 text-nowrap"> هل يوجد تصريف صحي للمنطقة ؟ <span class="text-danger fs-5">◈</span></label>
                        <div class="row">
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" checked name="sanitation" id="sanitation" value="1">
                                <label class="form-check-label text-dark" for="sanitation"> نعم </label>
                            </div>
                            </div>
                            <div class="col-12">
                            <div class="form-check form-check-inline w-50 px-2">
                                <input class="form-check-input" type="radio" name="sanitation" id="sanitation" value="0">
                                <label class="form-check-label text-dark"  for="sanitation"> لا </label>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                    <hr>
                    <div class="row">
                    <div class="col-12">
                        <div class="input-group">
                            <di class="col-6">
                                <label for="subject_name" class="text-secondary fw-bold text-center"> مساحة الإنترلوك الخارجي ( م <sup>2</sup> ) <span class="text-danger fs-5">◈</span></label>
                            </di>
                            <div class="col-6">
                                <input type="number" class="w-100 fw-bold py-2" required="required"  name="interlock_space" id="interlock_space" />
                            </div>
                        </div>
                    </div>
                    </div>
                    <hr class="my-4">
                    <p  class="text-white px-5 py-3 bg-danger bg-gradeint rounded-pill shadow-sm text-center"> يرجى التأكد من ملء جميع الحقول المطلوبة ، فلن تعمل الحاسبة في حالة ترك أي حقل مطلوب فارغاً  </p>
                    <hr class="my-4">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12 my-2">
                            <a href="#form-step" class="btn btn-prev w-50"> السابق </a>
                        </div>
                        <div class="col-lg-6 col-sm-12 my-2">
                            <input type="submit" name="Const_Cost_Calc" value="عرض النتيجة" class="btn btn-primary opacity-100 w-75" />
                        </div>
                    </div>
                </div>
            </form>
        </section>
        </div>
    </div>
</div>

<?php
include $tpl . 'footer_ar.php';
ob_end_flush();
?>