<?php
include "../actions/dbPDO.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 id="new22" method="post" class="form-horizontal" style="float:center;">
    <div class="row" style="padding:4px;">
        <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="ins_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="ins_name" name="ins_name" placeholder="الاسم الذي سيظهر علي الشيكات و الخطابات"   style="position: absolute; z-index: 2; background: transparent;"/>
          <!-- <div id="ins_val"></div> -->
        </div>
        <div class="col-xs-6 col-md-2"style="float:right;">
          <label for="ins_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="ins_owner" name="ins_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-md-4"style="float:right;">
          <input type="text" class="form-control" style="float:right;" id="boss" name="boss" placeholder="اسم المدير">
          </div>
          <div class="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="tel" style="float:right;" class="form-control" id="boss_jawal" name="boss_jawal" >
          </div>
  </div>
  <div class="row" style="padding:4px;">
        <div class="col-md-2"style="float:right;">
        <label for="repman" class="control-label "style="float:left;">مدير الحسابات</label>
        </div>
        <div class="col-md-4"style="float:right;">
        <input type="text" class="form-control" style="float:right;" id="repman" name="repman" placeholder="ممثل الشركة">
        </div>
        <div class="col-md-3"style="float:right;">
        <input type="tel" style="float:right;" class="form-control" id="repjawal" name="repjawal" placeholder="رقم الجوال">
        </div>
        <div class="col-md-3"style="float:right;">
        <input type="tel" style="float:right;" class="form-control" id="repjawal2" name="repjawal2" placeholder="رقم الجوال">
        </div>
  </div>
<div class="row" style="padding:4px;">
    <div class="col-md-2"style="float:right;">
    <label for="crash_man" class="control-label"style="float:left;">مسؤل حوادث</label>
    </div>
    <div class="col-md-4"style="float:right;">
    <input type="text" class="form-control" style="float:right;" id="crash_man" name="crash_man" placeholder="مسئول حوادث">
    </div>
    <div class="col-xs-12 col-md-3"style="float:right;">
    <input type="tel" class="form-control" style="float:right;" id="crash_jawal" name="crash_jawal" placeholder="رقم الجوال">
    </div>
    <div class="col-xs-12 col-md-3"style="float:right;">
    <input type="tel" class="form-control" style="float:right;" id="crash_jawal2" name="crash_jawal2" placeholder="رقم الجوال">
    </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="tel" class="form-control" style="float:right;" id="fax" name="fax" placeholder="الفاكس">
        </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="tel" style="float:right;" class="form-control" id="phone" name="phone" placeholder="تليفون الشركة">
        </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;" value="<?php echo $today; ?>" class="form-control" id="start_date" 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>
</div>

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

})
$("#add_button").click(function(event){
  event.preventDefault();
  $.ajax({
    url     : "actions/new22Insurance.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
// $('.input-append').datepicker({
//     format: "dd/mm/yyyy",
//     todayBtn: "linked",
//     language: "ar",
//     daysOfWeekDisabled: "0",
//     daysOfWeekHighlighted: "5",
//     autoclose: true,
//     todayHighlight: true
// });
})

</script>
