@if(COUNT($Cars) > 0)
<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>نوع السيارة</th>
                  <th>الهيكل/التسلسل</th>
                 <th>الاستمارة</th>
                 <th>اللوحة</th>
                  <th>سعر الشراء</th>
                 <th>سعر البيع</th>
                 <th>الربح</th>
            </tr>
        </thead>
        <tbody id="listCars">
  			@foreach($Cars as $wr)
			    <tr>
                <td>
                  <input id="ch{{$wr->id_ware}}" name="n{{$wr->id_ware}}" type="checkbox" onclick="EnWar({{$wr->id_ware}});RefreshTheTotal();"/>
                  {{$wr->name_cat}}
                </td>
                <td>
                  <label>
                    {{$wr->serial_number}}
                  </label>
                </td>
                <td>
                  <label>
                    ---                  </label>
                </td>
              <td>
                <label>
                  ---                </label>
              </td>
              <td>
                <label id="opr{{$wr->id_ware}}">
                  {{$wr->item_price}}
                </label>
              </td>
              
              <td>
                <input id="pr{{$wr->id_ware}}" type="text" onblur="RefreshTheTotal();" autocomplete="off" onclick="RefreshTheTotal();" onchange="RefreshTheTotal();" class="warep{{$wr->id_ware}} amount required number" onkeyup="RefreshTheTotal();SumProfit({{$wr->id_ware}});" name="wr[{{$wr->id_ware}}][pr]" disabled="" size="10"/>
              </td>

              <td>
                <label id="pro{{$wr->id_ware}}"></label>
              </td> 
              <input disabled="" type="hidden" id="id{{$wr->id_ware}}" name="wr[{{$wr->id_ware}}][d]" value="{{$wr->id_ware}}"/>
			    </tr>
			@endforeach
      </tbody>
  </table>
  <table width="100%" style="background:#646464;color:white;width:100%;padding:15px;margin-bottom:10px;">
          <tr >
            <td></td><td></td>
            <td style="padding:10px">الكمية</td>
            <td style="width:20%;" id="qun">0</td>
            <td style="">المبلغ الإجمالي</td>
            <td style="width:20%;"id="TheTotal">0</td>
          </tr>
  </table>
</div>
<input type="hidden" name="htotal" id="htotal" value="0"/>
<input type="hidden" name="un" value="{{ uniqid() }}"/>

@else
<div class="alert alert-danger">
  لا توجد سلعة مسجلة بأسم المستثمر ، لإضافة سلعة <a href="{{ URL::Route('PurchaseWare')}}" target="_blank">أنقر هنا</a>.
</div>
@endif

<script>
  function RefreshTheTotal(){
      var AgdTotal = 0;
      var Dofaah = $('#df').val();
      $(".amount").each(function(){
          AgdTotal += Number($(this).val());
      });
      $('#TheTotal').text(AgdTotal+' ريـال سعودي');
      if ($("input[name='tyg']:checked").val() === "t") {
        var MonthlyQasstManual = $('#mq').val();
        var Months = $('#cqt').val();
        var MonthsWithoutLast = Months -1;
        var AgdTotalWithoutDofaah = AgdTotal-Dofaah;

        var AutoQasst = AgdTotalWithoutDofaah / Months;
        //var LastQasst = (AutoQasst * Months) - AgdTotalWithoutDofaah;
        $('#htotal').val(AgdTotal);
        $('#mq').val(AutoQasst);  
        $('#lq').val(AutoQasst);  
      } else {
        //alert('agel');
      }

      SumProfit();

  }
  function UpdateLastQasst(){
      var AgdTotal = 0;
      var Dofaah = $('#df').val();
      $(".amount").each(function(){
          AgdTotal += Number($(this).val());
      });
      var MonthlyQasstManual = $('#mq').val();
      var Months = $('#cqt').val();
      var MonthsWithoutLast = Months -1;
      var AgdTotalWithoutDofaah = AgdTotal-Dofaah;

      var AutoQasst = $('#mq').val();
      var LastQasst = AgdTotalWithoutDofaah -(AutoQasst * MonthsWithoutLast);
      $('#lq').val(LastQasst);

      if(LastQasst < 0){
          $('#lq').css('background','red');
          $('#lq').css('color','#fff');
          $('#lq').val('يجب أن يكون أقل');
      } else {
          $('#lq').css('background','#eeeeee');
          $('#lq').css('color','none');
          $('#lq').val(LastQasst.toFixed(2));
      }

  }
 function EnWar(id){
      var Quantitiy = $('#qun').text();
      if($('#ch'+id).prop('checked')){
        $('#pr'+id).prop('disabled', false);
        $('#pr'+id).addClass('required');
        $('#id'+id).prop('disabled',false);
        Quantitiy = Number(Quantitiy) + 1;
        $('#qun').text(Quantitiy);
      } else {
        $('#pr'+id).val('');
        $('#pr'+id).prop('disabled', true);
        $('#pr'+id).removeClass('highlight');
        $('#pr'+id).removeClass('required');
        $('#id'+id).prop('disabled',true);
        Quantitiy = Number(Quantitiy) - 1;
        $('#qun').text(Quantitiy);
      }
      $('#cwr').val($('#qun').text());
      if(Quantitiy > 0){
        $('#mq').prop('disabled', false);
      } else {
        $('#mq').prop('disabled', true);
      }
 }
 function SumProfit(id){
    var New = $('#pr'+id).val();
    var Old = $('#opr'+id).text();
    $('#pro'+id).text(New - Old);
 }
</script>