@extends('layouts.father')
@section('title', '收发存库存报表')
@section('body')
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="">库存管理</a>
        <a>
          <cite>收发存库存报表</cite></a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/standingMonth" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <div class="layui-row">
            <form  class="layui-form layui-col-md12 x-so">
                <div class="layui-input-inline">
                    <select name="warehouse" lay-search>
                        <option value="">仓库</option>
                        @foreach($warehouse as $w)
                            <option @if(isset($req['warehouse']) && $req['warehouse'] == $w) selected @endif>{{$w}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="kuaiji" lay-verify="required">
                        <option value="">会计期</option>
                        @foreach($kuai as $k)
                            <option @if(isset($req['kuaiji']) && $req['kuaiji'] == $k) selected @endif>{{$k}}</option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="id" value=>
                <div class="layui-input-inline">
                    <input name="number" @if(isset($req['number']) && !empty($req['number'])) value="{{$req['number']}}" @endif class="layui-input"  placeholder="请输入货号模糊搜索">
                </div>
                <button class="layui-btn"  lay-filter="sreach"  style="margin: 0"><i class="layui-icon">&#xe615;</i></button>

            </form>
        </div>
        <div>
            <table  class="layui-table" lay-size="sm" id="title">
                <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>期初</th>
                    <th></th>
                    <th></th>
                    <th>本期入库</th>
                    <th></th>
                    <th></th>
                    <th>本期出库</th>
                    <th></th>
                    <th></th>
                    <th>期末</th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>
            </table>
        </div>

      <div>
          <table class="layui-table" lay-size="sm" id="content">
              <thead>
              <tr>
                  <th>货号</th>
                  <th>名称</th>
                  <th>规格</th>
                  <th>计量单位</th>
                  <th>数量</th>
                  <th>单价</th>
                  <th>金额</th>
                  <th>数量</th>
                  <th>单价</th>
                  <th>金额</th>
                  <th>数量</th>
                  <th>单价</th>
                  <th>金额</th>
                  <th>数量</th>
                  <th>单价</th>
                  <th>金额</th>
              </tr>
              @foreach($month_detail as $mo)
                  <tr>
                      <th>{{$mo->number}}</th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              {{$item[$mo->number.$mo->warehouse]->name}}
                          @else
                              {{$item_chuku[$mo->number.$mo->warehouse]->name}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              {{$item[$mo->number.$mo->warehouse]->size}}
                          @else
                              {{$item_chuku[$mo->number.$mo->warehouse]->size}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              {{$item[$mo->number.$mo->warehouse]->unit}}
                          @else
                              {{$item_chuku[$mo->number.$mo->warehouse]->unit}}
                          @endif
                      </th>
                      <th>
                          @if(isset($after_item[$mo->number.$mo->warehouse]))
                              {{$after_item[$mo->number.$mo->warehouse]->num}}
                          @endif
                      </th>
                      <th>
                          @if(isset($after_item[$mo->number.$mo->warehouse]))
                              @if($after_item[$mo->number.$mo->warehouse]->num != 0)
                              {{round($after_item[$mo->number.$mo->warehouse]->money/$after_item[$mo->number.$mo->warehouse]->num,2)}}
                              @endif
                          @endif
                      </th>
                      <th>
                          @if(isset($after_item[$mo->number.$mo->warehouse]))
                              {{$after_item[$mo->number.$mo->warehouse]->money}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              {{$item[$mo->number.$mo->warehouse]->num}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              @if($item[$mo->number.$mo->warehouse]->num != 0)
                                  {{round($item[$mo->number.$mo->warehouse]->money/$item[$mo->number.$mo->warehouse]->num,2)}}
                              @endif
                          @endif
                      </th>
                      <th>
                          @if(isset($item[$mo->number.$mo->warehouse]))
                              {{$item[$mo->number.$mo->warehouse]->money}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item_chuku[$mo->number.$mo->warehouse]))
                              {{$item_chuku[$mo->number.$mo->warehouse]->num}}
                          @endif
                      </th>
                      <th>
                          @if(isset($item_chuku[$mo->number.$mo->warehouse]))
                              @if($item_chuku[$mo->number.$mo->warehouse]->num != 0)
                                  {{round($item_chuku[$mo->number.$mo->warehouse]->money/$item_chuku[$mo->number.$mo->warehouse]->num,2)}}
                              @endif
                          @endif
                      </th>
                      <th>
                          @if(isset($item_chuku[$mo->number.$mo->warehouse]))
                              {{$item_chuku[$mo->number.$mo->warehouse]->money}}
                          @endif
                      </th>
                      <th>{{$mo->num}}</th>
                      <th>
                            @if($mo->num != 0)
                                {{round($mo->money/$mo->num,2)}}
                            @endif
                      </th>
                      <th>{{$mo->money}}</th>
                  </tr>
              @endforeach
              </thead>
              <tbody>

              </tbody>
          </table>
          <div class="page">
              <div>
                  {{$month_detail->appends($req)->links()}}
              </div>
          </div>
      </div>

    </div>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <script>

      // 动态设置 td 的宽度 因为 layui 的宽度会自己变动
      function setTdWidth(element){
        let tds = element.find('td');
        let ths = element.find('th');
        let one_width = element.width() / ths.length;
        [...tds].forEach(item => item.style.width = one_width + 'px');
        [...ths].forEach(item => item.style.width = one_width + 'px');
      }

      setTdWidth($('#title'));
      setTdWidth($('#content'))

    </script>
@endsection