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

<div class="table-responsive">
  <h2 class="h2-order">รายงานสต๊อก</h2>
  <p>เลือกรายงาน</p>
<form id='form_report' class="" action='' method="get">
    {{csrf_field()}}
  <select class="form-control select_report"  name="select_report" id="select_report">
    <option value='S1'>01.สรุปยอดสินค้าคงเหลือระหว่างวันที่</option>
  </select>
  <h1></h1>

  <table class="table">
    <thead class="thead-green">
      <div name='div_date'>
        <tr id='div_date'>
          <th scope="col">วันที่
            <input type="text" name="datestart" id="datestart" value="{{$sdate}}" >
          </th>

          <th scope="col">ถึงวันที่
            <input type="text" name="dateend" id="dateend" value="{{$edate}}" >
          </th>
        </tr>
      </div>
        <tr id="div_preriod">
          <th scope="col">ปี
            <div id="pyear">
            <select class="" name="year">
              <option value="2020">2020</option>
            </select>
            </div>
          </th>

          <th scope="col">เดือน
            <div id="pmonth">
              <select class="" name="month">
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
              </select>
          </th>
        </tr>
        <tr id="div_stock">
          <th scope="col">รหัสคลังสินค้า
            <div>
            <select class="form-control stock_id"  name="stock_id" id="stock_id">
              <option value="">กรุณาเลือกคลังสินค้าที่ต้องการดูข้อมูล</option>
                          </select>            
            </div>
          </th>
          <th></th>
        </tr>
      </div>
      </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>
@yield('report')
<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();
}

$(document).ready(function(){

  $("#div_preriod").hide();
  $('#div_stock').hide();
  $("#div_date").show();

  var selected_report = "";
  var selected_stock = "";

  $('#select_report').val(selected_report);
  $('#stock_id').val(selected_stock);

  if(selected_report == 'S1'){
    $("#div_preriod").hide();
    $('#div_stock').show();
    $("#div_date").show();
  }

})

  $('.select_report').change(function(){

    if($(this).val() == 'S1'){
      $("#div_preriod").hide();
      $('#div_stock').show();
      $("#div_date").show();
    }

    var cURL= '/admin/report/'+$(this).val();// Extract info from data-* attributes
    $("#form_report").attr("action", cURL);
  })



</script>
@endsection