<?php include "../actions/dbPDO.php"; ?>
<div  class="panel panel-primary" id="newCar">
  <div class="panel-heading"style="font-size:1.2em;">سيارة جديدة</div>
  <div class="panel-body"style="background-color:#00324d; color:#cce5ff;">
<form id="new11" method="post" enctype="multipart/form-data" class="form-horizontal" style="float:center;">
  <div class="row" style="padding:4px;">
      <div class="col-xs-6 col-md-5"style="padding:4px;float:right;">
        <label for="woner" class="control-label "style="float:right;">الشركة المالكة</label>
        <select class="form-control" id="woner" name="woner">
          <?php
          $sql =$db->prepare("SELECT supp_id , supp_name from supplycomp") ;
          $sql->execute();
           if($sql->rowCount()>0)
          {
             while($row = $sql->fetch()){
                    $supp_id   = $row["supp_id"];
                    $supp_name  = $row["supp_name"];
             echo "<option value= $supp_id >$supp_name</option>";
                  }} ?>
          </select>
        </div>
      <div class="col-xs-6 col-md-3"style="float:right; padding:4px;">
        <label for="skilton" class="control-label"style="float:right;">رقم الهيكل</label>
        <input type="text" class="form-control" style="float:right;" id="skilton" name="skilton" placeholder="رقم الهيكل"   style="position: absolute; z-index: 2; background: transparent;"/>
        <!-- <div id="ins_val"></div> -->
      </div>
      <div class="col-xs-3 col-md-1 "style="float:right; padding:4px;">
        <label for="letters" class="control-label"style="float:left;"> لوحة </label>
        <input type="text" class="form-control" style="float:right;" id="letters" name="letters" placeholder="حروف"/>
      </div>
      <div class="col-xs-3 col-md-1"style="float:right; padding:4px;">
          <label for="numbers" class="control-label"style="float:right;">رقم</label>
        <input type="number" class="form-control" style="float:right;" id="numbers" name="numbers" placeholder="أرقام"/>
      </div>
  </div>
    <div class="row" style="padding:2px;">
        <div class="col-xs-3 col-md-2"style="float:right;">
          <label for="brand" class="control-label"style="float:left;">ماركة السيارة</label>
        </div>
        <div class="col-xs-3 col-md-2"style="float:right;padding:2px;">
          <input type="text" class="form-control" style="float:right;" id="brand" name="brand" placeholder="ماركة السيارة"   style="position: absolute; z-index: 2; background: transparent;"/>
          <!-- <div id="ins_val"></div> -->
        </div>
        <div class="col-xs-2 col-md-2"style="float:right;">
          <label for="kind_use" class="control-label"style="float:left;">نوع التسجيل</label>
        </div>
        <div class="col-xs-3 col-md-2"style="float:right;padding:2px;">
          <input type="text" class="form-control" style="float:right;" id="kind_use" name="kind_use" value="خصوصي" placeholder="نوع التسجيل"/>
        </div>
        <div class="col-xs-2 col-md-2"style="float:right; padding:2px;">
          <label for="kind" class="control-label"style="float:left;">طراز المركبة</label>
        </div>
        <div class="col-xs-3 col-md-2"style="float:right;">
          <input type="text" class="form-control" style="float:right;" id="kind" name="kind" placeholder="النوع" />
          <!-- <div id="ins_val"></div> -->
        </div>

    </div>
    <div class="row" style="padding:2px;">
          <div class="col-xs-2 col-md-2"style="float:right;">
            <label for="color" class="control-label"style="float:left;">اللون</label>
            </div>
            <div class="col-xs-2 col-md-2"style="float:right;padding:2px;">
              <input type="text" style="float:right;" class="form-control" id="color" name="color" value="ابيض" placeholder="اللون" />
          </div>
          <div class="col-xs-1 col-md-2"style="float:right;">
              <label for="year" class="control-label"style="float:left;">الموديل</label>
              </div>
              <div class="col-xs-1 col-md-2"style="float:right;padding:2px;">
              <input type="number" style="float:right;" class="form-control" id="model" name="model" value="2021" placeholder="سنة الصنع" />
          </div>
          <div class="col-xs-6 col-md-2"style="float:right;padding:2px;">
              <label for="lic_expire" class="control-label "style="float:left;">نهاية الترخيص</label>
            </div>
            <div class="col-xs-3 col-md-2"style="float:right;">
              <input type="text" style="float:right;" class="form-control" id="lic_expire" name="lic_expire" readonly placeholder="نهاية الترخيص"/>
                <script>
                  $(function() {
                    var calendar = $.calendars.instance('ummalqura');
                    $('#lic_expire').calendarsPicker({calendar: calendar});
                    });
                </script>
            </div>
    </div>
    <div class="row" style="padding:2px;">
        <div class="col-xs-3 col-md-2"style="float:right;">
          <label for="insurance_id" class="control-label "style="float:left;">شركة التأمين</label>
          </div>
              <div class="col-xs-6 col-md-3"style="float:right;padding:2px;">
                <select class="form-control" id="insurance_id" name="insurance_id">
              <?php
                $sql =$db->prepare("SELECT insurance_id , ins_name from insurance") ;
                $sql->execute();
                 if($sql->rowCount()>0)
                {
                   while($row = $sql->fetch()){
                          $insurance_id   = $row["insurance_id"];
                          $ins_name  = $row["ins_name"];
                   echo "<option value= $insurance_id >$ins_name</option>";
                        }} ?>
                      </select>
              </div>
        <div class="col-xs-4 col-md-3"style="float:right;padding:2px;">
        <input type="text" class="form-control" style="float:right;" id="insurance_no" name="insurance_no" placeholder="رقم التأمين" />
        </div>
        <div class="col-xs-4 col-md-2"style="float:right;padding:2px;">
        <label for="insurance_expire" class="control-label"style="float:left;">نهاية التأمين</label>
        </div>
        <div class="col-xs-3 col-md-2"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="insurance_expire" name="insurance_expire" readonly placeholder="نهاية التأمين" />
        <script>
          $(function() {
            var calendar = $.calendars.instance('');
            $('#insurance_expire').calendarsPicker({calendar: calendar});
            $('#woner_permeation').calendarsPicker({calendar: calendar});
            $('#start').calendarsPicker({calendar: calendar});
            });
        </script>
        </div>
      </div>
    <div class="row" style="padding:0px;">
          <h3 class="text-center" style="color:green; font-weight:bold">--------------------------------------------------------------------</h3>
    </div>
    <div class="row" style="padding:2px;">
        <div class="col-xs-2 col-md-2"style="float:right;">
          <label for="costday" class="control-label"style="float:left;">إيجار اليوم</label>
        </div>
        <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" class="form-control" style="float:right;" id="costday" name="costday" value="140" placeholder="يومي"/>
        </div>
        <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" class="form-control" style="float:right;" id="monthly" name="monthly" value="110" placeholder="شهري"/>
        </div>
          <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" style="float:right;" class="form-control" id="minn" name="minn" value="90"placeholder="الحد الأدني"/>
        </div>
        <div class="col-xs-6 col-md-1"style="float:right;">
        <label for="minn" class="control-label "style="float:right;">ريال</label>
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="start" class="control-label"style="float:left;">تاريخ  البداية</label>
        </div>
            <?php  $today = date("Y-m-d"); ?>
        <div class="col-xs-12 col-md-2 input-append"style="float:right;padding:2px;">
        <input type="text" style="float:right;" value="<?php echo $today; ?>" class="form-control" id="start" readonly name="start"/>
        </div>
    </div>
    <div class="row" style="padding:2px;">
        <div class="col-xs-2 col-md-2"style="float:right;">
          <label for="km1" class="control-label"style="float:left;">سعر الكيلو</label>
        </div>
        <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" class="form-control" style="float:right;" id="km1" name="km1" value="35" placeholder="يومي"/>
        </div>
        <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" class="form-control" style="float:right;" id="km2" name="km2" value="25" placeholder="شهري"/>
        </div>
          <div class="col-xs-3 col-md-1"style="float:right;padding:2px;">
          <input type="number" style="float:right;" class="form-control" id="km3" name="km3" value="20" placeholder="الحد الأدني" />
        </div>
        <div class="col-xs-6 col-md-1"style="float:right;">
        <label for="km3" class="control-label "style="float:right;">هللة</label>
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="freekilo" class="control-label"style="float:left;">الكيلو المسموح</label>
        </div>
        <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
        <input type="number" class="form-control" style="float:right;" id="freekilo" name="freekilo" value="250"/>
        </div>
    </div>

  <div class="row" style="padding:2px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="branch" class="control-label "style="float:left;">الفرع</label>
        </div>
            <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
              <select class="form-control" id="branch" name="branch">
              <?php
              $sql =$db->prepare("SELECT branchID , b_name from branches") ;
              $sql->execute();
               if($sql->rowCount()>0)
              {
                 while($row = $sql->fetch()){
                        $branchid   = $row["branchID"];
                        $b_name     = $row["b_name"];
                 echo "<option value= $branchid >$b_name</option>";
                      }} ?>
                    </select>
                  </div>
          <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="carstatus" class="control-label "style="float:left;">حالة السيارة</label>
          </div>
          <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
            <select class="form-control" id="carstatus" name="carstatus">
                <?php
                  $sql =$db->prepare("SELECT status_id , status from carstatus");
                  $sql->execute();
                   if($sql->rowCount()>0)
                  {
                     while($row = $sql->fetch()){
                        $status_id   = $row["status_id"];
                        $status  = $row["status"];
                 echo "<option value= $status_id >$status</option>";
                      }} ?>
                  </select>
            </div>
            <div class="col-xs-6 col-md-2"style="float:right;padding:2px;">
            <label for="carstatus" class="control-label "style="float:left;">نوع التشغيل</label>
            </div>
            <div class="col-xs-12 col-md-2"style="float:right;">
              <select class="form-control" id="car_job_id" name="car_job_id">
                  <?php
                    $sql =$db->prepare("SELECT car_job_id , car_job_desc from car_job");
                    $sql->execute();
                     if($sql->rowCount()>0)
                    {
                       while($row = $sql->fetch()){
                          $car_job_id   = $row["car_job_id"];
                          $car_job_desc  = $row["car_job_desc"];
                   echo "<option value= $car_job_id >$car_job_desc</option>";
                        }} ?>
                    </select>
              </div>
  </div>
  <div class="row" style="padding:0px;">
    <h3 class="text-center" style="color:green; font-weight:bold">--------------------------------------------------------------------</h3>
  </div>
  <div class="row" style="padding:2px;">
      <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="cont_id" class="control-label "style="float:left;">رقم عقد الشراء</label>
          </div>
          <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
            <select class="form-control" id="cont_id" name="cont_id"></select>
      </div>
      <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="woner_permeation" class="control-label"style="float:left;">نهاية العقد</label>
          </div>
          <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
            <input type="text" class="form-control" style="float:right;" id="woner_permeation" name="woner_permeation" readonly placeholder="نهاية التفويض" />
      </div>
      <div class="col-xs-6 col-md-2"style="float:right;padding:2px;">
          <label for="total_cost" class="control-label"style="float:left;">إجمالي السعر</label>
          </div>
          <div class="col-xs-12 col-md-2"style="float:right;">
            <input type="number" class="form-control" style="float:right;" id="total_cost" name="total_cost" placeholder="إجمالي سعر السيارة"/>
      </div>
    </div>

<div class="row" style="padding:2px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="first_pay" class="control-label"style="float:left;">الدفعة المقدمة</label>
        </div>
        <div class="col-xs-12 col-md-2"style="float:right;padding:2px;">
        <input type="number" class="form-control" style="float:right;" id="first_pay" name="first_pay" placeholder="الدفعة الأولي" />
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="kest" class="control-label"style="float:left;">قيمة القسط</label>
        </div>
        <div class="col-xs-12 col-md-1"style="float:right;padding:2px;">
        <input type="number" style="float:right;" class="form-control" id="kest" name="kest" value="1500" placeholder="القسط الشهري" />
        </div>
        <div class="col-xs-12 col-md-1"style="float:right;padding:2px;">
        <input type="number" style="float:right;" class="form-control" id="kest_qty" name="kest_qty" value="36" placeholder="عدد"/>
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;padding:2px;">
        <label for="last_pay" class="control-label"style="float:left;">اخر دفعة</label>
        </div>
        <div class="col-xs-12 col-md-2"style="float:right;">
        <input type="number" style="float:right;" class="form-control" id="last_pay" name="last_pay" placeholder="الدفعة الأخيرة"/>
        </div>
</div>
<div class="row" style="padding:2px;">
        <div class="col-xs-3 col-md-2"style="float:right;">
        <label for="comm" class="control-label"style="float:left;">ملاحظات</label>
        </div>
        <div class="col-xs-6 col-md-5"style="float:right;padding:2px;">
        <input type="text" class="form-control" style="float:right;" id="comm" name="comm" placeholder="ملاحظات "/>
        </div>
        <!-- <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="lic_photo" class="control-label"style="float:left;">ادخال صورة</label>
        </div>
        <div class="col-xs-6 col-md-3"style="float:right;">
          <input style="float:right ; font-wight:bold;" type="file" class="btn btn-primary btn-lg" name="lic_photo" id="lic_photo" />
        </div> -->
  </div>
  <br />
  <div class="form-group">
    <div class="col-xs-12 col-md-12">
      <input type="button" id="add_button" name="add_button" class="btn btn-success center-block" value="حفظ بيانات السيارة"/>
    </div>
  </div>
</form>

</div>
</div>
<!-- panel body style -->
<?php
$output = array();
    $Branch = $db->prepare("select DISTINCT brand_name , brand_name from brand");
    $Branch->execute();
    $i=0;
    if($Branch->rowCount()>0)
      {
         while($row = $Branch->fetch())
         {
             $output[$i] = array(
                           "value" => $row["brand_name"],
                           "data" => $row["brand_name"]
                           );
                $i++ ;
           }
        }
    else
    {
         $output[0]= 'ماركة جديدة';
    }
?>
<script>
$(document).ready(function(){

  var arr=  JSON.parse('<?php echo json_encode($output) ; ?>');
  $('#brand').autocomplete({
	 lookup: arr,
   maxHeight : 200,
   onSelect: function(suggestion) {
                                $('#brand').html(suggestion.data);
                                  var brand_name = suggestion.data;
                                  $.ajax({
                                    url     :"actions/car_kinds.php",
                                    method  :"POST",
                                    data    :{brand_name:brand_name},
                                    dataType:"json",
                                    success:function(data)
                                    {
                                      $('#kind').autocomplete({
     	                                  lookup: data,
                                        maxHeight : 200,
                                        onSelect: function(suggestion) { $('#kind').html(suggestion.data);}});
                                      }});
         },
  //  onHint: function (hint) {
  //      $('#supp_name_x').val(hint);
  //  },
   onInvalidateSelection: function() {
       $('#brand').html('You selected: none');
   }
})// end of autocomplete

$("#add_button").click(function(event){
  event.preventDefault();
  var tt = $('#lic_expire').val();
    if(tt.length != 0 ){convertDates('ummalqura','lic_expire','lic_expire');}

        // var extension = $('#lic_photo').val().split('.').pop().toLowerCase();
        // if(extension != '')
        // {
        //      if(jQuery.inArray(extension, ['png','jpg','jpeg']) == -1)
        //      {
        //           alert("برجاء استخدام صورة بدل من ذلك ..");
        //           $('#lic_photo').val('');
        //           return false;
        //      }
        //      var oFReader = new FileReader();
        //             oFReader.readAsDataURL(document.getElementById("lic_photo").files[0]);
        //             var f = document.getElementById("lic_photo").files[0];
        //             var fsize = f.size||f.fileSize;
        //             if (fsize > 1700000){ alert("حجم الصورة كبير جدا ..."); return false; }
        // }
  $.ajax({
    url     : "actions/new11Car.php",
    method  : "POST",
    data    :$("#new11").serialize(),
    success : function(data){
    $("#signup_msg").html(data);
  },
    error   :function(result){
      alert(result.statusText);
      }
  })
});
function convertDates(name,ss,dest) {
var date = $('#' + ss).val().split('/');
var year = parseInt(date[0], 10);
if(name == 'ummalqura'){
  if (year > 1800){ return false ;}
} else if (name == 'gregorian') {
  if (year < 1800){ return false ;}
}
var month = parseInt(date[1], 10);
var day = parseInt(date[2], 10);
try {var jd = $.calendars.instance(name).newDate(year,month,day).toJD();}
catch (e) {alert(e);		return;	}
name == 'ummalqura'?showDate('gregorian', jd,dest):showDate('ummalqura', jd,dest);
      }
function showDate(name, jd,dest) {
try {
  $('#' + dest).val('');
  var date = $.calendars.instance(name).fromJD(jd);
  $('#' + dest).val(date.formatYear()+'/'+date.month()+'/'+date.day());
}
catch (e) { alert(e); return null; }
}
// on change for woner list
$('#woner').change(function(){
  if($(this).val() != '')
        {
          var supp_id = $(this).val();
          var cont_id = '0' ;
        $.ajax({
              url     :"actions/cont_list.php",
              method  :"POST",
              data    :{supp_id:supp_id,cont_id:cont_id},
              success:function(data){ $('#cont_id').html(data); }
            });
          }
    });//end on select option change

}) // end of code

</script>
