@extends('layouts.reportSaleForm')
@section('report')
@if($result->count()>0)
  <table class="table" id="printTable" border="1">
    <caption style="text-align:left;">02 รายงานกำไรขายปลีก ระหว่างวันที่ {{$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;">จำนวนเงิน</th>
      </tr>
    </thead>
    <tbody>
            @foreach($result as $row)
      <tr>
        <th scope="row" style="font-size:10px;text-align:left;">{{$row->username}}</th>
        <th scope="row" style="font-size:10px;text-align:left;">{{$row->name}}  {{$row->lastname}}</th>
        <th scope="row" style="font-size:10px;text-align:center;">{{$row->bnkcd}}</th>
        <th scope="row" style="font-size:10px;text-align:center;">{{$row->bnkac}}</th>
        <th scope="row" style="font-size:10px;text-align:right;">{{number_format($row->total_pfprice)}}</th>
              </tr>
      @endforeach
      <tr>
        <th scope="row"></th>
        <th scope="row"></th>
        <th scope="row"></th>
        <th scope="row" style="font-size:10px;text-align:center;">รวม</th>
        <th scope="row" style="font-size:10px;text-align:right;">{{number_format($i)}}</th>
      </tr>
    </tbody>
  </table>  
  {{ $result->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