@extends('layouts.master')
@section('styles')
<style>
    .topstats {
        margin-top: 5px;
        font-size: 14px;
    }

    .topstats .gary-box {
        line-height: 1;
        background-color: #f9f9f9;
        border-bottom: solid 1px #d1d1d1;
        padding: 10px;
        letter-spacing: 1px;
    }

    .topstats .gary-box span {
        font-family: 'Rationale', sans-serif;
        color: #0038ba;
        font-size: 22px;
        float: right;
        margin-top: -4px;
    }

    .btn-generate {
        float: right;
        font-size: 13px;
        padding: 5px 14px;
    }

    #stockOutReport>thead>tr>th {
        border: 1px solid #dad9d9 !important;
        text-align: center;
        line-height: 1;
    }

    #stockOutReport>tbody>tr>td {
        /* border: 1px solid #dad9d9 !important; */
        text-align: center;
        /* line-height: 1; */
    }
</style>
@endsection
@section('content')
@php
    $date = Request::segment(2) ;
@endphp
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Stock Out<span> Report</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <a href="{{route('stock_out_excel',$date)}}" id="exportStockOutExcel" class="btn btn-primary btn-generate" target="_blank">Export Report</a>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">

            <div class="body">
                <table class="table table-hover dt-responsive nowrap" id="stockOutReport" style="width:100%">
                    <thead>
                        <tr>
                            <th rowspan="2">Code</th>
                            <th rowspan="2" width="250">Product</th>
                            {{-- <th rowspan="2">Unit</th> --}}
                            <th colspan="3" style="text-align: center">Sold QTY</th>
                            <th colspan="3" style="text-align: center">Return QTY</th>
                            <th colspan="3" style="text-align: center">Damage QTY</th>
                        </tr>
                        <tr>
                            <th>CTN</th>
                            <th>Box</th>
                            <th>PCS</th>

                            <th>CTN</th>
                            <th>Box</th>
                            <th>PCS</th>

                            <th>CTN</th>
                            <th>Box</th>
                            <th>PCS</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($resp as $row)

                        <tr>
                            <td style="text-align: left">{{$row->item_sku}}</td>
                            <td style="text-align: left">{{$row->item_name}}</td>
                            @if($row->sold_total != null)
                                @foreach ( $row->sold_prefs as $sold )
                                     <td>{{$sold['exact']}}</td>
                                @endforeach
                            @else
                                    <td>0</td>
                                    <td>0</td>
                                    <td>0</td>
                            @endif

                            @if($row->return_total != null)
                                @foreach ( $row->return_prefs as $return )
                                     <td>{{$return['exact']}}</td>
                                @endforeach
                            @else
                                    <td>0</td>
                                    <td>0</td>
                                    <td>0</td>
                            @endif

                            @if($row->damage_total != null)
                                @foreach ( $row->damage_prefs as $damage )
                                     <td>{{$damage['exact']}}</td>
                                @endforeach
                            @else
                                    <td>0</td>
                                    <td>0</td>
                                    <td>0</td>
                            @endif

                        </tr>


                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection