@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>Refinery</li>
                        <li class="active">{{ $store_list->nama }}</li>
                    </ol>
                </div>
            </div>
            <div class="page-title">
                <div class="title_left">
                    <div class="text-right">
                        <button class="btn-sm btn-success" data-toggle="modal" data-target="#stockListItem"><i class="fa fa-cubes"></i> Add Refinery Item</button>
                    </div>
                    <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" style="margin-bottom:5px;">

                    @if (Session::has('success'))
                        <div class="alert alert-success text-center" role="alert">
                            {!! Session::get("success") !!}
                        </div>
                    @endif
                    @if (Session::has('oops'))
                        <div class="alert alert-warning text-center" role="alert">
                            {!! Session::get("oops") !!}
                        </div>
                    @endif
                </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>
    @include('includes.footer')
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="stockListItem" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle"><i class="fa fa-cubes"></i> Add Refinery Items - {{ $store_list->nama }}</h5>
            </div>
            <form method="POST" action="{{ url('butik_emas/inventory/save_refinery') }}">
                <div class="modal-body">
                        {{ csrf_field() }}
                        <input type="hidden" name="store_refinery" value="{{ $store_list->id }}">
                        <table class="table table-sm table-striped">
                            <tr>
                                <th><input type="checkbox" id="checkAll"></th>
                                <th>Carat</th>
                                <th>Weight</th>
                                <th>Type</th>
                                <th>QTY</th>
                            </tr>
                            @foreach($stock_items as $stock)
                            <tr>
                                <td><input type="checkbox" class="form-check-input" name="item_refinery[]" value="{{ $stock->id }}"></td>
                                <td>{{ $stock->brand_carat->carat->carat }}</td>
                                <td>{{ $stock->weight }}</td>
                                <td>{{ $stock->type }}</td>
                                <td>{{ $stock->quantity }}</td>
                            </tr>
                            @endforeach
                        </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save for refinery</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

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

        $("#checkAll").click(function(){
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
    </script>
@endsection