@extends('layouts.app')
@section('pagetitle')
@stop
@section('title')
<h1>รายงานการขายประจำวัน</h1>
 

@stop
@section('content')
<style>
.table{ margin-bottom:0}
 
</style>
<div class="main-container " >


<div class="panel panel-default">
  <div class="panel-body"><span class="pull-left">
 <form class="form-inline">
  <div class="form-group">
    <label for="date1">วันที่</label>
    <input type="date" class="form-control" id="date1" name="date1" placeholder="วันที่" value="{{$date1}}">
  </div>
 
 
 
   <div class="form-group">
    <label for="branches_id">สาขา</label>
    <select  class="form-control" id="branches_id" name="branches_id" placeholder="สาขา" >
    @if(auth()->user()->permission=='ADMIN')
    <option value="ALL">ทุกสาขา</option>
    @endif 
    @foreach($branches as $branch)
    	<option value="{{$branch->id }}" {{isset($_REQUEST['branches_id']) && $_REQUEST['branches_id'] == $branch->id ? 'selected' : '' }}>{{$branch->name }}</option>
    @endforeach
    </select>
  </div>
  
  <button type="submit" class="btn btn-info">ค้นหาข้อมูลการขาย</button>
 <button class="btn btn-primary" type="button" onClick="printDiv()">พิมพ์สรุป</button> 
</form>
</span>
<span class="pull-right"> 
<label class="control-label">วันที่ {{$date1}}</label> 
</span>
  </div>
</div>

@if(isset($sells))
<div class="table-responsive">
  <table width="100%" border="1" class="table table-bordered">
    <thead>
      <tr class="btn-info">
        <td align="center">เลขที่ขาย</td>
        <td align="center">วันเวลาที่ขาย</td>
        <td align="center">ผู้ขาย</td>
        <td align="center">มูลค่า</td>
      </tr>
    </thead>
    <tbody>
        @foreach($sells as $sell)
    <tr>
      <td align="center">{{$sell->code}}</td>
      <td align="center">{{date('d/m/Y H:i',strtotime($sell->created_at))}}</td>
      <td align="center">{{$sell->name}}</td>
      <td align="center">{{number_format($sell->netprice)}} </td>
    </tr>
    @endforeach
      </tbody>
    
    <tfoot>
      <tr> <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td align="right"><strong>รวมทั้งสิ้น</strong></td>
        <td align="center"><strong>{{number_format($total)}} </strong></td>
      </tr>
    </tfoot>
  </table>
  </div> 
  
  
  
  <div id="print-sum"  style="display:none">
  @foreach($branches as $brn)
    <div style="margin-top:15px;">
    <div>สาขา {{$brn->name}}</div>
    @foreach($sumsells as $ss)
    @if($ss->branches_id==$brn->id)
    <div>วันที่   {{ date('d-m-Y',strtotime($ss->created_at))}}</div>  
    <div>ชื่อพนักงานขาย {{$ss->name}} </div>  
    <div>ยอดขายสุทธิ์ {{number_format($ss->netprice,2)}} บาท</div>   
    @endif
    @endforeach
    </div>
  <hr>
  @endforeach
  </div>
  
  @endif
</div>
@stop


@section('style')
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
@stop
@section('script')
<script src="{{asset('https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js')}}"> </script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.colVis.min.js"></script> 
<script>
$(document).ready(function() {
$('.table').DataTable({
        "aLengthMenu":[[10, 25, 50, 100, -1], [10, 25, 50, 100, "ทั้งหมด"]],
        "iDisplayLength": 10,
		   "order": [[0, "asc"]],
	
		dom: 'lBfrtip',
                buttons: [
                    { extend: 'copyHtml5', footer: true, title: 'รายงานการขายประจำวัน' ,text :'คัดลอก'					 },
                    { extend: 'excelHtml5', footer: true, title: 'รายงานการขายประจำวัน' , text :'ส่งออกเป็น Excel' },
                    { extend: 'pdfHtml5', footer: true, title: 'รายงานการขายประจำวัน' , text :'ส่งออกเป็น PDF' },
                    { extend: 'print', footer: true, title: 'รายงานการขายประจำวัน' , text :'พิมพ์'  },
                ], initComplete: function () {
                    $('.buttons-copy').addClass('btn btn-sm btn-info');
                    $('.buttons-copy').removeClass('dt-button');
                    $('.buttons-excel').addClass('btn btn-sm btn-success');
                    $('.buttons-excel').removeClass('dt-button');
                    $('.buttons-pdf').addClass('btn btn-sm btn-danger');
                    $('.buttons-pdf').removeClass('dt-button');
                    $('.buttons-print').addClass('btn btn-sm btn-primary');
                    $('.buttons-print').removeClass('dt-button');
                },
					"language":{
					"decimal":        "",
					"emptyTable":     "ไม่พบข้อมูลเลยค่ะ",
					"info":           "แสดง _START_ ถึง _END_ จาก _TOTAL_ รายการ",
					"infoEmpty":      "ไม่มีรายการที่จะแสดง",
					"infoFiltered":   "(กรองจาก _MAX_ รายการ)",
					"infoPostFix":    "",
					"thousands":      ",",
					"lengthMenu":     "แสดง _MENU_ รายการ &nbsp;",
					"loadingRecords": "กำลังโหลดข้อมูล...",
					"processing":     "กำลังค้นข้อมูล...",
					"search":         "ค้นหา:",
					"zeroRecords":    "ไม่พบข้อมูลค่ะ",
					"paginate": {
					"first":      "หน้าแรก",
					"last":       "หน้าสุดท้าย",
					"next":       "หน้าถัดไป",
					"previous":   "ก่อนหน้า"
					},
					"aria": {
					"sortAscending":  ": activate to sort column ascending",
					"sortDescending": ": activate to sort column descending"
					}
					}
    }); 
});
</script>
<script>
function printDiv() {
            var divContents = document.getElementById("print-sum").innerHTML;
            var a = window.open('', '', 'height=500, width=500');
            a.document.write('<html>');
			a.document.write("<link href=\"https://fonts.googleapis.com/css?family=Chakra+Petch:400,600|Sarabun&display=swap&subset=thai\" rel=\"stylesheet\">");
			a.document.write("<style>body{	font-family:\"ChakraPetch\", sans-serif !important;	font-size: 12px;	}</style>");
            a.document.write('<body > <h3>สรุปยอดขาย</h3>');
            a.document.write(divContents);
            a.document.write('</body></html>');
           
            a.focus();
			setTimeout(function () {
				a.print();
			}, 2500);
			a.print();
			 a.document.close();
        }
</script>
@stop