@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;
        }
    </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><a href="{{ url('/butik_emas/inventory') }}">Inventory</a></li>
                        <li>Stock</li>
                        <li class="active">{{ $store_list->nama }}</li>
                    </ol>
                </div>
            </div>
            <div class="page-title">
                <div class="title_left">
                    <h3>
                        <center>
                            Butik Emas Inventory
                            <h5>&nbsp;<i class="fa fa-building"></i> {{ $store_list->nama }}</h5>
                        </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-sm-2 col-md-3"></div>
                        <div class="col-sm-4 col-md-3 text-center">
                            <h5>Total Weight</h5>
                            <h1 id="totalWeight"><i class="fa fa-pulse fa-spinner"></i></h1>
                        </div>
                        <div class="col-sm-4 col-md-3 text-center">
                            <h5>Total Quantity</h5>
                            <h1 id="totalQuantity"><i class="fa fa-pulse fa-spinner"></i></h1>
                        </div>
                        <div class="col-sm-2 col-md-3"></div>
                    </div>
                </div>           
                <div class="col-xs-12">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="2" valign="middle">Brands / Gold Contains</th>
                                <th colspan="20" class="text-center" style="letter-spacing: 3px;">GRAMASI</th>
                            </tr>
                            <tr>
                                @foreach($carats as $carat)
                                    <th>{{ $carat->carat_description }}</th>
                                @endforeach
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $grandTotalWeight = 0 @endphp
                            @foreach($brands as $list)
                                <tr>
                                    <td>{{ $list->brand }}</td>
                                    @php $totalWeight = 0 @endphp
                                    @foreach($carats as $carat)
                                        @php $totalWeight += $store_list['item_' . $list->id . '_' . $carat->id]['weight'] @endphp
                                        <td align="right">{{ $store_list['item_' . $list->id . '_' . $carat->id]['weight'] ? : '-' }}</td>
                                    @endforeach
                                    <td align="right">{{ $totalWeight }}</td>
                                </tr>
                                @php $grandTotalWeight += $totalWeight @endphp
                            @endforeach
                            <tr>
                                <td colspan="18" class="text-right"><b>TOTAL WEIGHT</b></td>
                                <td class="text-right">{{ $grandTotalWeight }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>  
                <div class="col-xs-12">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="2" valign="middle">Brands / Gold Contains</th>
                                <th colspan="20" class="text-center" style="letter-spacing: 3px;">QUANTITY</th>
                            </tr>
                            <tr>
                                @foreach($carats as $carat)
                                    <th>{{ $carat->carat_description }}</th>
                                @endforeach
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $grandTotalQuantity = 0 @endphp
                            @foreach($brands as $list)
                                <tr>
                                    <td>{{ $list->brand }}</td>
                                    @php $totalQuantity = 0 @endphp
                                    @foreach($carats as $carat)
                                        @php $totalQuantity += $store_list['item_' . $list->id . '_' . $carat->id]['quantity'] @endphp
                                        <td align="right">{{ $store_list['item_' . $list->id . '_' . $carat->id]['quantity'] ? : '-' }}</td>
                                    @endforeach
                                    <td align="right">{{ $totalQuantity }}</td>
                                </tr>
                                @php $grandTotalQuantity += $totalQuantity @endphp
                            @endforeach
                            <tr>
                                <td colspan="18" class="text-right"><b>TOTAL QUANTITY</b></td>
                                <td class="text-right">{{ number_format($grandTotalQuantity) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>                
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalReqTopup" tabindex="-1" role="dialog" aria-labelledby="modalReqTopup" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title"><i class="fa fa-external-link"></i> Request Additional Balance for <b id="store_name"></b></h2>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="topup_nominal">Current Balance</label>
                        <div style="font-weight: bold; font-size: 20px;">Rp. <span id="current_balance"></span></div>
                        <hr style="border-top:1px dashed #aaa;">
                    </div>
                    <div class="form-group">
                        <label for="request_topup_nominal">Request Topup Nominal</label>
                        <div style="font-weight: bold; font-size: 40px;">Rp. <span id="request_topup_nominal"></span></div>
                    </div>
                    <div class="form-group" style="margin-top: 20px;">
                        <label for="request_topup_nominal">PIN</label>
                        <div>
                            <input type="password" class="form-control" id="pin" name="pin" placeholder="your PIN">
                        </div>
                    </div>
                    <input type="hidden" id="id_request">
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="approveRequest(1)">Approve</button>
                    <button type="button" class="btn btn-warning" onclick="approveRequest(0)">Reject</button>
                </div>
            </div>
        </div>
    </div>
    @include('includes.footer')
</div>
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
        setTimeout(function() {
            $('#totalWeight').html({{ $grandTotalWeight }} + ' Gram');
            $('#totalQuantity').html({{ $grandTotalQuantity }} + ' pcs');
        }, 1000);
    </script>
@endsection