@extends('layouts.admin')
@section('body')

<div class="table-responsive">
  <h2 class="h2-order">Sale Report</h2>
  <p>เลือกรายงาน</p>
<form class="" action='/admin/report/sale' method="post">
    {{csrf_field()}}
  <select class="form-control"  name="select_report" id="select_report">
    <option value=1>01.สรุปยอดขายระหว่างวันที่</option>
  </select>
  <h1></h1>
  <table class="table">
    <thead class="thead-green">
      <tr>
        <th scope="col">วันที่
          <div id="startDate">
          <input type="text" name="datestart" id="datestart" value="{{$sdate}}" />
          </div>
        </th>

        <th scope="col">ถึงวันที่
          <div id="EndDate">
          <input type="text" name="dateend" id="dateend" value="{{$edate}}" />
          </div>
        </th>
      </tr>
      </thead>
      <tr>
        <th scope="col">
         <button  type="submit" class="btn btn-success">ดูรายงาน</button>
         <button  onclick="printData()" class="btn btn-success">พิมพ์</button>
      </th>
      </tr>
  </table>
</form>
@if($orders->count()>0)
  <table class="table" id="printTable" border="1">
    <caption style="text-align:left;">01 รายงานยอดขายระหว่างวันที่ {{$sdate}} ถึง {{$edate}}</caption>
    <caption style="text-align:left;">วันที่เวลาพิมพ์ {{now()}}</caption>
    <thead class="thead-dark">
      <tr>
        <th scope="col" style="text-align:center;">เลขที่ใบเสร็จ</th>
        <th scope="col" style="text-align:center;">สมาชิก</th>
        <th scope="col" style="text-align:center;">วันที่</th>
        <th scope="col" style="text-align:center;">ราคา RP</th>
        <th scope="col" style="text-align:center;">ราคา AG</th>
        <th scope="col" style="text-align:center;">Profit ราคา</th>
        <th scope="col" style="text-align:center;">ผู้เปิดบิล</th>
      </tr>
    </thead>
    <tbody>
      @foreach($orders as $order)
      <tr>
        <th scope="row" style="font-size:15px;text-align:left;">{{$order->order_id}}</th>
        <th scope="row" style="font-size:15px;text-align:left;">{{$order->fname}}  {{$order->lname}}</th>
        <th scope="row" style="font-size:15px;text-align:center;;">{{$order->date}}</th>
        <th scope="row" style="font-size:15px;text-align:right;">{{number_format($order->price)}}</th>
        <th scope="row" style="font-size:15px;text-align:right;">{{number_format($order->agprice)}}</th>
        <th scope="row" style="font-size:15px;text-align:right;">{{number_format($order->pfprice)}}</th>
        <th scope="row" style="font-size:15px;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" style="text-align:right;">{{number_format($total->total_price)}}</th>
        <th scope="row" style="text-align:right;">{{number_format($total->total_agprice)}}</th>
        <th scope="row" style="text-align:right;">{{number_format($total->total_pfprice)}}</th>
        <th scope="row"></th>
      </tr>
    </tbody>
  </table>
  {{$orders->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