@extends('layouts.reportSaleForm')
@section('report')
@if($result)
  <table class="table" id="printTable" border="1">
    <caption style="text-align:left;">13.Sale Summary Tour point ระหว่างวันที่ {{$sdate}} - {{$edate}}</caption>
    <caption style="text-align:left;">วันที่เวลาพิมพ์ {{now()}}</caption>
    <thead class="thead-dark">
      <tr>
        <th scope="col" style="font-size:12px;text-align:center;">No.</th>
        <th scope="col" style="font-size:12px;text-align:center;">Cus Name</th>
        <th scope="col" style="font-size:12px;text-align:center;">Summary Point</th>
      </tr>
    </thead>
    <tbody>
            @foreach($result as $row)
            <tr>
        <th scope="row" style="font-size:10px;text-align:left;">{{$i}}</th>
        <th scope="row" style="font-size:12px;text-align:center;">{{$row->name}}  {{$row->lastname}}</th>
        <th scope="row" style="font-size:12px;text-align:center;">{{number_format($row->sum_point)}}</th>
      </tr>
            @endforeach
    <tr>
      <th></th>
      <th scope="row" style="font-size:12px;text-align:center;">รวม</th>
      <th scope="row" style="font-size:12px;text-align:center;">0</th>
    </tr>
    </tbody>
  </table>
</div>
@else
    <div class="alert alert-danger my-2">
          <p>ไม่พบข้อมูล</p>
    </div>
@endif
<script type="text/javascript">

$(function(){
  $("#datestart").datepicker({
    dateFormat: 'yy-mm-dd',
    numberOfMonths: 1,
  });

  $("#dateend").datepicker({
    dateFormat: 'yy-mm-dd',
    numberOfMonths: 1,
  });

});


function printData()
{
   var divToPrint=document.getElementById("printTable");
   newWin= window.open("");
   newWin.document.write(divToPrint.outerHTML);
   newWin.print();
   newWin.close();
}

</script>
@endsection