@extends('Layout')

@section('Content')
<div class="col-md-12">
 
 {{ HF::DrawHeadPage(array(array('title'=>'معرض السيارات','url'=>URL::Route('ListCars')),array('title'=>'إضافة سيارة','url'=>URL::Route('NewCar')) ),'إضافة سيارة')}}

 
    @if(Session::has('errors'))
       <ul class="alert alert-danger">
          @foreach($errors->all() as $error)
             <li>{{ $error }}</li>
          @endforeach
       </ul>
    @endif
 
{{ Draw::SubTitle('<i class="fa fa-arrow-left"></i> إضافة سيارة','green')}}

{{ Form::open(array('class'=>'FormWare','id'=>'AddWares'))}}
<div style="border-bottom:1px solid #eee">
        <div class="col-md-4">
                     <div class="form-group">
                        <label>المستثمر</label>
                        <select name="inv" id="in"  data-placeholder="أختر المستثمر" class="chosen-select" style="width:100%;" tabindex="4">
                        <option value=''>-- أختر -- </option>
                        @foreach($Invs as $inv)
                          <option value="{{$inv->id_person}}">{{$inv->full_name_person}}</option>
                          @endforeach
                        </select>
                     </div> 
        </div>
        <div class="col-md-4">

                     <div class="form-group">
                        <label>الشركة</label><!-- " -->
                        <select name="typ"  onchange="GetSubCategories(this.value);" class="form-control">
                          <option>-- أختر -- </option>
                          @foreach($types as $tp)
                            <option value="{{$tp->id_cat}}">{{$tp->name_cat}}</option>
                          @endforeach
                          <option value="all">## عرض جميع السلع ##</option>
                        </select>
                        
                    </div>
 
        </div> 
        <div class="col-md-4">
              <div id="SubCats" class="form-group">
                  <b style="color:blue">يرجى تحديد الشركة أولاً.</b>
              </div>
    </div> <!-- end panel body -->
 
 </div> 

<div class="alert alert-danger" id="Warning" style="display:none;"></div> 
<br clear="both "/>
<div class="table-responsive" id="WaresTable" style="display:none">
    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>نوع السيارة</th>
                <th>رقم الهيكل/التسلسل</th>
                <th>الاستمارة</th>
                <th>رقم اللوحة</th>
                 <th>السعر</th>
                 <th>الحذف</th>
            </tr>
        </thead>
        <tbody id="listofWares">
           <br clear="both">
        </tbody>
  </table>
  
  <img class="f_right" style="cursor:pointer" src="{{ asset('assets/img/add.png')}}" onClick="aRow();"/>
 
</div>






 <br />
<input type="hidden" id="quan" value="0"/>
<img style="display:none;" id="loader" width="32" height="32" src='{{ asset("assets/img/loader.gif")}}'/>
<div class="f_left" > <br />
   <button type="submit" id="submit_btn"  style="display:none;" class="btn btn-green btn-lg">تنفيذ العملية</button>

</div>
</div> <!-- end col12 -->
 <script type="text/javascript">
$(document).ready(function(){

$("#AddWares").validate({
    highlight: function(element, errorClass) {
      $(element).css('border','1px solid red')
    },
    unhighlight: function(element , errorClass){
      $(element).css('border','1px solid #ccc')
    },
    lang: "ar",
    submitHandler: function() {
        $("#submit_btn").attr("disabled", "disabled");
        return true;
    },
    messages: {
      cwr: "لم تقم بإختيار السلع !",
      bu: "يرجى تحديد المشتري أولاً."
    },

    ignore: "",
    errorClass: 'error-note'
  });
 

});

 function aRow(){
  var i  = parseInt($('#quan').val());
  var SH = $('#SH').val();
  var wareName = $('#subCat option:selected').text();
          $('#listofWares').append('\
          <tr id="row'+i+'">\
              <td style="width:20%">'+wareName+'</td>\
              <td><input type="text"  size="15" name="wr['+i+'][se]" onkeyup="IEx(this.value,'+i+','+SH+');" placeholder="" class="required"><i id="st_wares'+i+'" class=""></i></td>\
              <td><input type="text" ondblclick="$(this).val(\'جمرك\');" size="10" name="wr['+i+'][es]" placeholder="" class=""></td>\
              <td><input type="text" ondblclick="$(this).val(\'جمرك\');"  size="10" name="wr['+i+'][lo]" placeholder="" class=""></td>\
              <td><input type="text"  size="10" name="wr['+i+'][pr]" placeholder="" class="required number" value="0"></td>\
              <td>\
              <img style="cursor:pointer;" src=\'{{ asset("assets/img/delete.png")}}\' width="24" onClick="$(this).closest(\'tr\').remove();SQuantity();UpdateSubmit();">\
              </td>\
          </tr>');
          $('#quan').val(i + parseInt(1));
          UpdateSubmit();
}
function UpdateSubmit(){
 if(parseInt($('#quan').val()) == 0){
    $('#submit_btn').hide();
  } else {
        $('#submit_btn').show();

  }
}
function IEx(SerialNumber,id,ware){
  $("#st_wares"+id).addClass("fa fa-spinner fa-spin").css('color','grey');
  $.ajax({
       url: "{{ URL::Route('CheckSerialIsNotUsed')}}",
       type:'POST',
        data: {
            's' : SerialNumber,
            'w' : ware
        },
        dataType: "text",          
        success:function(msg){
         if(msg == 1){
            $("#st_wares"+id).removeClass("fa fa-spinner fa-spin");
            $("#st_wares"+id).removeClass("fa fa-times");
            $("#st_wares"+id).addClass("fa fa-check").css('color','green');
         } else {
           $("#st_wares"+id).removeClass("fa fa-spinner fa-spin");
           $("#st_wares"+id).removeClass("fa fa-check");
           $("#st_wares"+id).addClass("fa fa-times").css('color','red');
         }
       },
       fail:function(msg){
          alert('يوجد خطأ الرجاء إعادة المحاولة.');


       }
  });

}
 // <i class="fa fa-check" style="color:green;"></i>  <i class="fa fa-times " style="color:red;"></i> <i class="fa fa-spinner fa-spin "></i>
  function SQuantity(){
    var Quan = $('#quan').val();
    $('#quan').val(Quan - 1);
  }
  function GetSubCategories(id){
      $('#loader').show();
      $('#WaresTable').hide();
      $('#listofWares').html('');
      $('#quan').val(0);
      $.ajax({
           url: "{{ URL::Route('GetSubCategories')}}",
           type:'POST',
            data: {
                'p' : id,
            },
            dataType: "text",          
            success:function(msg){
             $('#loader').hide();
             $('#SubCats').html(msg);
           },
           fail:function(msg){
              $('#loader').hide();
              $('#SubCats').html(msg);
           }
        });
  }

 



</script>

                            
{{ Form::close()}}
@stop