  <div class="page-header bg_img" style="background-image: url({$path}/assets/images/banner/page-header/01.jpg);">
  <div class="container">
      <div class="row">
          <div class="col-12">
              <div class="page-header-area">
                  <h3 class="page-header-title">التذكرة الالكترونية </h3>
                  <nav aria-label="breadcrumb">
                      <ol class="breadcrumb bg-transparent mb-0">
                          <li class="breadcrumb-item"><a href="index.php">الرئيسية</a></li>
                          <li class="breadcrumb-item active" aria-current="page">التذكرة الالكترونية</li>
                      </ol>
                  </nav>
              </div>
          </div>
      </div>
  </div>
</div> 


<!-- Contact section start here -->
<div class="login">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 ">
      
                <div class="login-inner ">
                      <div class="">
                          <div class="login-card card">
                              <div class="card-head">
                                  <h5> التذكره الالكترونية</h5>
                                  <p>يمكنك حجز الموعد الذى يناسبك الكترونيا من خلال
                                    التطبيق او من خلال الاتصال تلفونيا</p>
                              </div>
                              <form action="#" method="get">
                                 
                                  <div class="form-group col-md-12 col-xs-12">
                                    <label> اختر العيادة </label>
                                    <select name="kaf" id="kaf" class="select select2 form-control">
                                        <option value="volvo">Volvo</option>
                                        <option value="saab">Saab</option>
                                       
                                      </select>
                                </div>
                                <div class="form-group col-md-12 col-xs-12">
                                    <label> اختر الكشف </label>
                                    <select name="kaf" id="kaf" class="select select2 form-control">
                                        <option value="volvo">Volvo</option>
                                        <option value="saab">Saab</option>
                                       
                                      </select>
                                </div>
                                <div class="form-group col-md-12 col-xs-12">
                                    <label> تاريخ الكشف</label>
                                    <input type="date" class="form-control">
                                </div>
                                
                                  <div class="form-group col-md-12 col-xs-12">
                                      <button type="submit" class="lab-btn">حجز موعد</button>
                                  </div>
                                 
                                
                              </form>
                          </div>
                      </div>
                  </div>



                  <div class="message">
                        <h3>عيادات يهب ترحب بك</h3>
                        <h4>مواعيد العيادة</h4>
                        
                        <p>موعد الكشف الخاص بك  <br>
                            <span> الاربعاء ٢٠٢٢/١٢/١٨</span></p>
                        <h6>متبقي من الزمن<br>
                        <div class="tick" data-did-init="handleTickInit">

                            <div data-repeat="true"
                                 data-layout="horizontal center fit"
                                 data-transform="preset(d, h, m, s) -> delay">
                        
                                <div class="tick-group">
                        
                                    <div data-key="value"
                                         data-repeat="true"
                                         data-transform="pad(00) -> split -> delay">
                        
                                        <span data-view="flip"></span>
                        
                                    </div>
                        
                                    <span data-key="label"
                                          data-view="text"
                                          class="tick-label"></span>
                        
                                </div>
                        
                            </div>
                        
                        </div>
                        </h6>
                  </div>
      
            </div>
        </div>
      </div>
</div>
<!-- Contact section ending here -->