@extends('layouts.reportSaleForm')
@section('report')
@if($orders->count()>0)
  <table class="table" id="printTable" border="1">
    <caption style="text-align:left;">03 สรุปยอดคะแนนรายการขายระหว่างวันที่ {{$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;">เลขที่ใบเสร็จ</th>
        <th scope="col" style="font-size:12px;text-align:center;">สมาชิก</th>
        <th scope="col" style="font-size:12px;text-align:center;">วันที่</th>
        <th scope="col" style="font-size:12px;text-align:center;">เข้ายอด</th>
        <th scope="col" style="font-size:12px;text-align:center;">PV</th>
        <th scope="col" style="font-size:12px;text-align:center;">ผู้เปิดบิล</th>
      </tr>
    </thead>
    <tbody>
      @foreach($orders as $order)
      <tr>
        <th scope="row" style="font-size:10px;text-align:left;">{{$order->order_id}}</th>
        <th scope="row" style="font-size:10px;text-align:left;">{{$order->fname}}  {{$order->lname}}</th>
        <th scope="row" style="font-size:10px;text-align:center;;">{{$order->date}}</th>
        <th scope="row" style="font-size:10px;text-align:center;;">{{$order->pyear.'/'.$order->pmth}}</th>
        <th scope="row" style="font-size:10px;text-align:right;">{{number_format($order->totpv)}}</th>
        <th scope="row" style="font-size:10px;text-align:center;;">{{$order->user_name}}</th>
      </tr>
      @endforeach
      <tr>
        <th scope="row"></th>
        <th scope="row"></th>
        <th scope="row"></th>
        <th scope="row"></th>
        <th scope="row" style="font-size:12px;text-align:right;">{{number_format($total->total_pv)}}</th>
        <th scope="row"></th>
      </tr>
    </tbody>
  </table>  
  {{ $orders->appends(request()->query())->links() }}
</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