@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .page-title {
            border: 0px solid #f00;
            padding-top: 0;
            margin-bottom: 20px;
        }

        .bg-stock {
            background: #c8ffe1;
        }

        .bg-refinery {
            background: #fffde7;
        }
    </style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li>Butik Emas</li>
                        <li class="active">Inventory</li>
                    </ol>
                </div>
            </div>
            <div class="page-title">
                <div class="title_left">
                    <h3><center><i class="fa fa-cubes"></i> Butik Emas Inventory</center></h3>
                    {{-- <hr style="border-top: 1px dashed #000; margin-top: 10px;"> --}}
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">               
                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="panel panel-default bg-stock">
                                <div class="panel-body">
                                    <div class="col-md-12">
                                        <h4 class="text-center"><b>-- TOTAL STOCK --</b></h4>
                                    </div>
                                    <div class="col-sm-6 col-md-6 text-center">
                                        <h5>Weight</h5>
                                        <h1 id="totalWeight_stock"><i class="fa fa-pulse fa-spinner"></i></h1>
                                    </div>
                                    <div class="col-sm-6 col-md-6 text-center">
                                        <h5>Quantity</h5>
                                        <h1 id="totalQuantity_stock"><i class="fa fa-pulse fa-spinner"></i></h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="panel panel-default bg-refinery">
                                <div class="panel-body">
                                    <div class="col-md-12">
                                        <h4 class="text-center"><b>-- TOTAL REFINERY --</b></h4>
                                    </div>
                                    <div class="col-sm-6 col-md-6 text-center">
                                        <h5>Weight</h5>
                                        <h1 id="totalWeight_refinery"><i class="fa fa-pulse fa-spinner"></i></h1>
                                    </div>
                                    <div class="col-sm-6 col-md-6 text-center">
                                        <h5>Quantity</h5>
                                        <h1 id="totalQuantity_refinery"><i class="fa fa-pulse fa-spinner"></i></h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="2">No</th>
                                <th rowspan="2">Store Name</th>
                                <th colspan="3" class="text-center bg-stock">Total Stock</th>
                                <th colspan="3" class="text-center bg-refinery">Total Refinery</th>
                            </tr>
                            <tr>    
                                <th>Weight</th>
                                <th>QTY</th>
                                <th width="70px">Detail</th>
                                <th>Weight</th>
                                <th>QTY</th>
                                <th width="70px">Detail</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $total_weight_stock = $total_quantity_stock = $total_weight_refinery = $total_quantity_refinery = 0;
                            @endphp
                            @foreach($store_list as $key =>  $list)
                                @php
                                    $total_weight_stock += $list->sum_stock['weight'];
                                    $total_quantity_stock += $list->sum_stock['quantity'];
                                    $total_weight_refinery += $list->sum_refinery['weight'];
                                    $total_quantity_refinery += $list->sum_refinery['quantity'];
                                @endphp
                                <tr>
                                    <td>{{ $key += 1 }}</td>
                                    <td>{{ $list->nama }}</td>
                                    <td>{{ $list->sum_stock['weight'] }}</td>
                                    <td>{{ $list->sum_stock['quantity'] }}</td>
                                    <td>
                                        <a href="{{ url('butik_emas/inventory/stock/' . $list->id) }}">
                                            <div><i class="fa fa-file-text"></i></div>
                                        </a>
                                    </td>
                                    @if($list->id == 1)
                                        <td>{{ $list->sum_refinery['weight'] }}</td>
                                        <td>{{ $list->sum_refinery['quantity'] }}</td>
                                        <td>
                                            <a href="{{ url('butik_emas/inventory/refinery/' . $list->id) }}">
                                                <div><i class="fa fa-file-text"></i></div>
                                            </a>
                                        </td>
                                    @else
                                        <td>-</td>
                                        <td>-</td>
                                        <td>-</td>
                                    @endif
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>                
            </div>
        </div>
    </div>
    @include('includes.footer')
</div>
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
        setTimeout(function() {
            $('#totalWeight_stock').html({{ $total_weight_stock }} + ' <small>Gram</small>');
            $('#totalQuantity_stock').html({{ $total_quantity_stock }} + ' <small>pcs</small>');
            $('#totalWeight_refinery').html({{ $total_weight_refinery }} + ' <small>Gram</small>');
            $('#totalQuantity_refinery').html({{ $total_quantity_refinery }} + ' <small>pcs</small>');
        }, 1000);
    </script>
@endsection