<?php
$today = date("Y-m-d");
?>
<div  class="panel panel-primary" id="main_supp">
  <div class="panel-heading"style="font-size:1.2em;">تسجيل مورد جديد</div>
  <div class="panel-body"style="background-color:#00324d;color:#cce5ff;">
    <br />
<form method="post" class="form-horizontal" id="new18" style="float:center;">
    <div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="supp_name" class="control-label"style="float:left;">اسم الشركة</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
          <input type="text" class="form-control" style="float:right;" id="supp_name" name="supp_name" placeholder="الاسم الذي سيظهر علي الشيكات و الخطابات"   style="position: absolute; z-index: 2; background: transparent;"/>
          <!-- <div id="supp_val"></div> -->
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="company_owner" class="control-label"style="float:left;">اسم المالك</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
          <input type="text" style="float:right;" class="form-control" id="company_owner" name="company_owner" placeholder="مالك الشركة ">
        </div>
    </div>
  <div class="row" style="padding:4px;">
          <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="boss" class="control-label"style="float:left;">المدير</label>
          </div>
          <div class="col-xs-12 col-md-4"style="float:right;">
          <input type="text" class="form-control" style="float:right;" id="boss" name="boss" placeholder="اسم المدير">
          </div>
          <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="boss_jawal" class="control-label"style="float:left;">جوال المدير</label>
          </div>
          <div class="col-xs-12 col-md-4"style="float:right;">
          <input type="number" style="float:right;" class="form-control" id="boss_jawal" name="boss_jawal" onchange="ten('boss_jawal')" >
          </div>
  </div>
  <div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="sales_master" class="control-label "style="float:left;">مدير الحسابات</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="sales_master" name="sales_master" placeholder="اسم مدير الحسابات " />
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="master_jawal" class="control-label"style="float:left;">جوال مدير الحسابات</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="number" style="float:right;" class="form-control" id="master_jawal" name="master_jawal" placeholder="رقم الجوال"  onchange="ten('master_jawal')"/>
        </div>
  </div>
<div class="row" style="padding:4px;">
    <div class="col-xs-6 col-md-2"style="float:right;">
    <label for="sales" class="control-label"style="float:left;">المحاسب</label>
    </div>
    <div class="col-xs-12 col-md-4"style="float:right;">
    <input type="text" class="form-control" style="float:right;" id="sales" name="sales" placeholder="المحاسب">
    </div>
    <div class="col-xs-6 col-md-2"style="float:right;">
    <label for="sales_jawal" class="control-label"style="float:left;">جوال المحاسب</label>
    </div>
    <div class="col-xs-12 col-md-4"style="float:right;">
    <input type="number" class="form-control" style="float:right;" id="sales_jawal" name="sales_jawal" placeholder="رقم الجوال"  onchange="ten('sales_jawal')"/>
    </div>
  </div>
  <div class="row" style="padding:4px;">
        <div class="col-xs-12 col-md-2"style="float:right;">
        <label for="cash_master" class="control-label"style="float:left;">مدير التحصيل</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="cash_master" name="cash_master" placeholder="الإسم">
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="cash_jawal" class="control-label"style="float:left;">جوال مدير التحصيل</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="number" style="float:right;" class="form-control" id="cash_jawal" name="cash_jawal" placeholder="جوال مدير التحصيل " onchange="ten('cash_jawal')"/>
        </div>
</div>
<div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="casher" class="control-label"style="float:left;">المحصل</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="casher" name="casher" placeholder="الاسم">
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="ca_jawal" class="control-label"style="float:left;">رقم جوال المحصل</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="number" style="float:right;" class="form-control" id="ca_jawal" name="ca_jawal" placeholder="رقم الجوال"  onchange="ten('ca_jawal')"/>
        </div>
</div>
<div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="fax" class="control-label"style="float:left;">رقم الفاكس</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="number" class="form-control" style="float:right;" id="fax" name="fax" placeholder="الفاكس" onchange="ten('fax')" />
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="phone" class="control-label"style="float:left;">التليفون</label>
        </div>
        <div class="col-xs-12 col-md-4"style="float:right;">
        <input type="number" style="float:right;" class="form-control" id="phone" name="phone" placeholder="تليفون الشركة" onchange="ten('phone')" />
        </div>
</div>
<div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="address" class="control-label"style="float:left;">العنوان</label>
        </div>
        <div class="col-xs-12 col-md-5"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="address" name="address" placeholder="عنوان الشركة"/>
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
        <label for="start_date" class="control-label"style="float:left;">تاريخ  البداية</label>
        </div>
        <script>
          $(function() {
            var calendar = $.calendars.instance();
            $('#start_date').calendarsPicker({calendar: calendar});
            });
        </script>
        <div class="col-xs-12 col-md-3 input-append"style="float:right;">
        <input type="text" style="float:right;"  class="form-control" id="start_date" value="<?php echo $today; ?>" name="start_date" readonly/>
        </div>
</div>
<div class="row" style="padding:4px;">
        <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-9 col-md-10"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="comm" name="comm" placeholder="ملاحظات ">
        </div>
  </div>
  <p><br/></p>
  <div class="row" style="padding:4px;">
    <div class="col-xs-1 col-md-1"style="float:right;">
    </div>
    <div class="col-xs-3 col-md-3"style="float:right;">
      <input style="float:right ;font-weight:bold;" type="button" id="add_button" name="add_button" class="btn btn-success" value="حفظ بيانات الشركة ">
    </div>
  </div>
  </form>
</div>
</div>

<!-- panel body style -->
<?php
include "../actions/dbPDO.php";
$output = array();
    $query =$db->prepare("SELECT supp_id , supp_name FROM supplycomp");
    $query->execute();
    if($query->rowCount()>0)
    {
        $i=0;
           while($row = $query->fetch())
         {
             $output[$i] = array(
                           "value" => $row["supp_name"],
                           "data" => $row["supp_id"]
                           );
                $i++ ;
           }
        }
    else
    {
         $output[0]= 'لا يوجد شركة بهذا الاسم';
    }
?>
<script>
$(document).ready(function(){
  var arr=  JSON.parse('<?php echo json_encode($output) ; ?>');
  $('#supp_name').autocomplete({
	 lookup: arr,
   maxHeight : 200,
  //  onSelect: function(suggestion) {
  //      $('#supp_val').html(suggestion.data);
  //        },
  //  onHint: function (hint) {
  //      $('#supp_name_x').val(hint);
  //  },
   onInvalidateSelection: function() {
       $('#supp_val').html('You selected: none');
   }

})
$("#add_button").click(function(event){
  event.preventDefault();
  $.ajax({
    url     : "actions/suppNew18data.php",
    method  : "POST",
    data    :$("form").serialize(),
    success : function(data){
    $("#signup_msg").html(data);
    $("#signup_msg").delay(3000).slideUp(function(){  $("#signup_msg").html(''); });
  },
    error   :function(result){
      alert(result.statusText);
      }
  })
}); //end of signup_button ajax code


})
function ten(dd){
  var a = $("#"+ dd).val();
   if(a.length != 10){$("#"+ dd).css( "background-color", "#FF6B46");}else{ $("#"+ dd).css( "background-color", "");}
};
</script>
