<!DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="images/fav.png" rel="icon" />
    <title>Sesp</title>
    <link rel="stylesheet" href="css/icons.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/rtl.css">
</head>

<body class="rtl">
    <?php include 'include-ar.php';?>
    <section class="inner-banner d-flex align-items-center">
        <div class="container-fluid">
            <h1>تسجيل الدورات الطويلة</h1>
        </div>
    </section>

    <div class="container-fluid">
        <div class="row d-flex justify-content-center text-center flex-md-row flex-column">
            <div class="col-lg-8 facuality-content">
                <div class="">
                    
                </div>
                <div class="pro-bar">
                    <div class="longcrs-form">
                        <div class="progress-form">

                        <h2>قائمة الدورات</h3>
                            <div class="progress-header d-none d-sm-block">
                                <div class="header_title active">
                                    <div class="title">قائمة الدورات</div>
                                    <div class="circle_container">
                                        <div class="left-line-hidden"></div>
                                        <div class="circle"></div>
                                        <div class="right-line "></div>
                                    </div>
                                </div>
                                <div class="header_title">
                                    <div class="title">معلومات الاتصال</div>
                                    <div class="circle_container">
                                        <div class="left-line"></div>
                                        <div class="circle"></div>
                                        <div class="right-line"></div>
                                    </div>
                                </div>
                                <div class="header_title">
                                    <div class="title">الدورات</div>
                                    <div class="circle_container">
                                        <div class="left-line"></div>
                                        <div class="circle"></div>
                                        <div class="right-line"></div>
                                    </div>
                                </div>
                                <div class="header_title">
                                    <div class="title">يكلف</div>
                                    <div class="circle_container">
                                        <div class="left-line"></div>
                                        <div class="circle"></div>
                                        <div class="right-line"></div>
                                    </div>
                                </div>
                                <div class="header_title">
                                    <div class="title">ملحوظات</div>
                                    <div class="circle_container">
                                        <div class="left-line"></div>
                                        <div class="circle"></div>
                                        <div class="right-line"></div>
                                    </div>
                                </div>
                                <div class="header_title">
                                    <div class="title">مراجعة</div>
                                    <div class="circle_container">
                                        <div class="left-line"></div>
                                        <div class="circle"></div>
                                        <div class="right-line-hidden"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="progress-content">

                                <div class="progress_item fade-in" id="0">
                                    <div class="row">
                                        <div class="col-12 col-md-12">
                                            <div class="floating-form mb-3">
                                                <div class="styled-select class-margin-area">
                                                    <select class=" form-control select-cource-tex">
                                                                <option>اختر الدورة*</option>
                                                                <option>الهند </option>
                                                                <option>الإمارات العربية المتحدة</option>
                                                                <option>المملكة العربية السعودية</option>
                                                            </select>

                                                </div>
                                                <label for="cntry"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="progress_item hide" id="1">

                                    <div class="row">
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">اسم جهة الاتصال/مقدم الطلب*</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">الهوية الوطنية/الإقامة*</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">اسم الشركة*</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">موقع الشركة</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">بريد إلكتروني*</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">رقم الهاتف المحمول*</label>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="floating-form mb-3">
                                                <input type="text" class="form-control" id="name" autocomplete="off" required />
                                                <label for="name">رقم هاتف المكتب</label>
                                            </div>
                                        </div>

                                    </div>

                                </div>



                                <div class="progress_item hide" id="2">


                                    <div class="row">
                                        <div class="col-lg-6">
                                            <h3 class="course-clas">دورات الطاقة الشمسية*</h3>
                                            <label class="check-items-text" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                                <input type="checkbox">&ensp;مصمم الطاقة الشمسية الكهروضوئية
                                              </label>

                                            <div id="collapseOne" aria-expanded="false" class="collapse bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>مطلوب مصمم طاقة شمسية كهروضوئية المتطلبات الأساسية:</h3>
                                                    <p>- بكالوريوس في الهندسة الكهربائية أو الإلكترونية (أو ما يعادلها)..</p>
                                                    <p>- خبرة 1-2 سنوات في تصميم / هندسة الطاقة أو الأنظمة الكهربائية خلال آخر 7 سنوات.</p>
                                                    <p>- إثبات إتقان اللغة الإنجليزية.</p>
                                                </div>
                                            </div>


                                            <div class="checkbox">
                                                <label class="check-items-text" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                              <input type="checkbox">&ensp;تركيب الطاقة الشمسية الكهروضوئية
                                            </label>
                                            </div>

                                            <div id="collapseTwo" aria-expanded="true" class="collapse in bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>مطلوب مصمم طاقة شمسية كهروضوئية المتطلبات الأساسية:</h3>
                                                    <p>- درجة فنية في الكهرباء أو الإلكترونيات (أو ما يعادلها).</p>
                                                    <p>- خبرة 2-4 سنوات في تركيب الأنظمة الكهربائية خلال آخر 7 سنوات.</p>
                                                    <p>- إثبات إتقان اللغة الإنجليزية.</p>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-lg-6">
                                            <h3 class="course-clas">مركز تدريب*</h3>
                                            <label class="check-items-text" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapseOne">
                                                <input type="checkbox">&ensp;BTC - مركز بيش للتدريب
                                              </label>

                                            <div id="collapse3" aria-expanded="false" class="collapse bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>الدورات التدريبية لمصمم بيش للطاقة الشمسية*</h3>
                                                    <p>التواريخ المتاحة</p>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>

                                                    <h3>الدورات التدريبية لتركيب شركة بيش للطاقة الشمسية*</h3>
                                                    <p>التواريخ المتاحة</p>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="checkbox">
                                                <label class="check-items-text" data-toggle="collapse" data-target="#collapse4" aria-expanded="true" aria-controls="collapseTwo">
                                              <input type="checkbox">&ensp;RTC - مركز تدريب الرياض
                                            </label>
                                            </div>

                                            <div id="collapse4" aria-expanded="true" class="collapse in bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>الدورات التدريبية لمصمم بيش للطاقة الشمسية*</h3>
                                                    <p>التواريخ المتاحة</p>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>

                                                    <h3>الدورات التدريبية لمركبي تركيب الطاقة الشمسية في الرياض*</p>
                                                        <p>التواريخ المتاحة</p>

                                                        <div class="floating-form select-box-col">
                                                            <div class="styled-select">
                                                                <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                            </div>
                                                            <label for="cntry"></label>
                                                        </div>
                                                </div>
                                            </div>


                                            <div class="checkbox">
                                                <label class="check-items-text" data-toggle="collapse" data-target="#collapse5" aria-expanded="true" aria-controls="collapseTwo">
                                              <input type="checkbox">&ensp;JTC - مركز الجعيمة للتدريب
                                            </label>
                                            </div>

                                            <div id="collapse5" aria-expanded="true" class="collapse in bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>الدورات التدريبية لمصمم الجعيمة للطاقة الشمسية*</h3>
                                                    <p>التواريخ المتاحة</p>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>

                                                    <h3>الدورات التدريبية لمركبي الجعيمة للطاقة الشمسية*</h3>
                                                    <p>التواريخ المتاحة</p>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="checkbox">
                                                <label class="check-items-text" data-toggle="collapse" data-target="#collapse6" aria-expanded="true" aria-controls="collapseTwo">
                                              <input type="checkbox">&ensp;كاوست - جدة
                                            </label>
                                            </div>

                                            <div id="collapse6" aria-expanded="true" class="collapse in bg-of-collaps">
                                                <div class="well info-text">
                                                    <h3>الدورات التدريبية لمصممي الطاقة الشمسية في جامعة الملك عبد الله للعلوم والتقنية*</h3>

                                                    <div class="floating-form select-box-col">
                                                        <div class="styled-select">
                                                            <select class=" form-control">
                                                            <option>قريباً</option>

                                                        </select>

                                                        </div>
                                                        <label for="cntry"></label>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>
                                    </div>






                                </div>
                                <div class="progress_item  hide" id="3">
                                    <div class="box-cost">
                                        <h2 class="head-of-cource">BTC - دورة مصمم الطاقة الشمسية الكهروضوئية</h2>
                                        <h4 class="crs">تكلفة الدورة : 4,000 ريال سعودي ضريبة القيمة المضافة 15% :600 ريال سعودي</h4>
                                        <hr class="line-of-cost">
                                        <div class="d-flex align-items-center justify-content-center sec-pad-number">
                                            <h5 class="prc">سعر:<span>4,600.00 ريال سعودي</span></h5>

                                            <h4 class="qty">كمية:</h4>
                                            <input class="butt" type="number" id="quantity" name="quantity" value="1">

                                        </div>
                                        <hr class="line-of-cost">
                                        <h3 class="tot">التكلفة الإجمالية:<span class="sar"> 9,200.00 ريال سعودي</span></h3>
                                    </div>





                                </div>


                            </div>
                            <div class="progress_item hide" id="4">

                                <h3 class="course-class">ملحوظات</h3>
                                <p class="discription-of-notes">إذا كنت بحاجة إلى مزيد من التوضيح بشأن أي شيء يتعلق بالتسجيل
                                </p>
                                <textarea id="nots-review" name="notreview" rows="4" cols="50"></textarea>


                            </div>
                            <div class="progress_item hide" id="5">


                                <table class="table-bordered table-class">
                                    <tr>
                                        <th>اختر دورة</th>
                                        <td>الطاقة الشمسية الكهروضوئية</td>
                                    </tr>
                                    <tr>
                                        <th>اسم جهة الاتصال/مقدم الطلب
                                        </th>
                                        <td>نسيم ص
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>الهوية الوطنية/الإقامة</th>
                                        <td>5858523547</td>
                                    </tr>
                                    <tr>
                                        <th>اسم الشركة</th>
                                        <td>تيشموم</td>
                                    </tr>
                                    <tr>
                                        <th>بريد إلكتروني</th>
                                        <td>nasimklmn@gmail.com</td>

                                    </tr>
                                    <tr>
                                        <th>رقم الهاتف المحمول</th>
                                        <td>7894561230</td>
                                    </tr>
                                    <tr>
                                        <th>دورات الطاقة الشمسية</th>
                                        <td>مصمم الطاقة الشمسية الكهروضوئية</td>
                                    </tr>
                                    <tr>
                                        <th>مركز تدريب</th>
                                        <td>BTC - مركز بيش للتدريب <br> RTC - مركز تدريب الرياض
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>الدورات التدريبية لمصمم بيش للطاقة الشمسية</th>
                                        <td>قريباً</td>
                                    </tr>
                                    <tr>
                                        <th>الدورات التدريبية لمصمم الرياض للطاقة الشمسية</th>
                                        <td>12 ديسمبر - 16 ديسمبر</td>
                                    </tr>
                                    <tr>
                                        <th>ملحوظات</th>
                                        <td>ملاحظاتك</td>
                                    </tr>
                                </table>

                                <h3 class="course-class space-table">طلب</h3>
                                <table class="table-class">
                                    <tr class="txt-bg">
                                        <th>منتج</th>
                                        <th class="text-center">الكمية</th>
                                        <th>سعر الوحدة</th>
                                        <th>سعر</th>
                                    </tr>
                                    <tr>
                                        <td class="txt-clr">RTC - دورة مصمم الطاقة الشمسية الكهروضوئية
                                        </td>
                                        <td class="text-center">1</td>
                                        <td>4,600.00 ريال سعودي</td>
                                        <td>4,600.00 ريال سعودي</td>

                                    </tr>
                                    <tr>
                                        <td class="txt-clr">BTC - دورة مصمم الطاقة الشمسية الكهروضوئية
                                        </td>
                                        <td class="text-center">1</td>
                                        <td>4,600.00 ريال سعودي</td>
                                        <td>4,600.00 ريال سعودي</td>

                                    </tr>
                                    <tr>
                                        <td colspan="2"></td>
                                        <th>المجموع الفرعي</th>
                                        <th>9,200.00 ريال سعودي
                                        </th>
                                    </tr>
                                    <tr>
                                        <td colspan="2"></td>
                                        <th>المجموع</th>
                                        <th>9,200.00 ريال سعودي
                                        </th>
                                    </tr>
                                </table>
                                <p class="text-right vat-text">تكلفة الدورة : 4,000 ريال سعودي | ضريبة القيمة المضافة 15% : 600 ريال


                                </p>

                            </div>
                        </div>
                        <div class="progress-footer">
                            <button class="btn btn-previous tp-0 arabic-radio-btn" onclick="previousSection()" disabled id="previous_btn">سابق</button>
                            <button class="btn btn-next tp-0" onclick="nextSection()" id="next_finish_btn">التالي</button>
                        </div>
                    </div>
                </div>

                <div class="pro-bar step2" style="display: none;">
                    <h6>الخطوة 2 من 2 - استمارة التسجيل</h6>
                    <div class="progress progress-striped active">
                        <div role="progressbar " style="width: 100%;" class="progress-bar "><span>100%</span></div>
                    </div>
                    <div class="longcrs-form">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="floating-form mb-40">
                                    <input type="text" class="form-control" id="name" autocomplete="off" required="" placeholder="Name" disabled>
                                    <label for="name">اسم</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="floating-form mb-40">
                                    <input type="text" class="form-control" id="name" autocomplete="off" required="" placeholder="Name@GMAIL.COM" disabled>
                                    <label for="name">بريد إلكتروني</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="floating-form mb-25">
                                    <input type="text" class="form-control" id="name" autocomplete="off" required="" placeholder="9988776655" disabled>
                                    <label for="name">هاتف</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="floating-form mb-25">
                                    <input type="date" class="form-control" id="name" autocomplete="off" required="" placeholder="2016-10-10" disabled>
                                    <label for="name">تاريخ الميلاد</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="floating-form mb-25">
                                    <input type="text" class="form-control" id="name" autocomplete="off" required="" placeholder="12345" disabled>
                                    <label for="name">الهوية الوطنية</label>
                                </div>
                            </div>
                            <div class="col-md-12 radio-lbl text-left">
                                <label for="">تخصصك الدبلوم في :</label>
                                <div class="form-check-inline">
                                    <label class="form-check-label">
                                          <input type="radio" class="form-check-input" name="optradio" checked>الكهرباء
                                        </label>
                                </div>
                                <div class="form-check-inline">
                                    <label class="form-check-label">
                                          <input type="radio" class="form-check-input" name="optradio" disabled>ميكانيكي
                                        </label>
                                </div>
                                <div class="form-check-inline disabled">
                                    <label class="form-check-label">
                                          <input type="radio" class="form-check-input" name="optradio" disabled>طاقة متجددة
                                        </label>
                                </div>
                            </div>
                            <div class="col-md-12 mt-5">
                                <a href="#" class="pre-btn pre mr-1" id="pre">سابق</a>
                                <a class="next-btn" data-toggle="modal" href="#ignismyModal">يُقدِّم</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
    </div>
    </section>

    <div class="modal fade" id="ignismyModal" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label=""><span>×</span></button>
                </div>

                <div class="modal-body">

                    <div class="thank-you-pop">
                        <!-- <img src="http://goactionstations.co.uk/wp-content/uploads/2017/03/Green-Round-Tick.png" alt=""> -->
                        <i class="far fa-check-circle"></i>
                        <h1>شكرًا لك!</h1>
                        <p>تم استلام طلبك وسنتواصل معك قريبًا</p>
                        <a class="next-btn" href="index.php">نعم</a>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <div class="sec-pad">
        <?php include("footer-ar.php")?>
    </div>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
    <script src="js/script.js"></script>

</body>

</html>