@extends ('layouts.app')

@section ('content')

    <div class="row">
        <div class="col-md-12 stocktake-list">
            <div class="panel with-nav-tabs panel-default padding-30">

                @if (Session::has('success'))
                    <div class="alert alert-success m-b-20">
                        {{ Session::get('success') }}
                    </div>
                @endif

                @if (Session::has('error'))
                    <div class="alert alert-warning m-b-20">
                        {{ Session::get('error') }}
                    </div>
                @endif

                    <div class="row">
                        <div class="col-xs-5" style="background-color:#cecece;">
                            IKENTOO
                        </div>
                        <div class="col-xs-1">

                        </div>
                        <div class="col-xs-5" style="background-color: #0aa699;">
                            STOCKLEVLA
                        </div>
                        <div class="col-xs-1">

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-1">
                            SKU
                        </div>
                        <div class="col-xs-2">
                            PRODUCT NAME
                        </div>
                        <div class="col-xs-1">
                            STOCK MEASUREMENTS
                        </div>
                        <div class="col-xs-1">
                            UNIT OF MEASUREMENT
                        </div>
                        <div class="col-xs-1">

                        </div>
                        <div class="col-xs-1">
                            SKU
                        </div>
                        <div class="col-xs-2">
                            PRODUCT NAME
                        </div>
                        <div class="col-xs-1">
                            APP MEASUREMENTS
                        </div>
                        <div class="col-xs-1">
                            UNIT OF MEASUREMENT
                        </div>
                        <div class="col-xs-1">
                            RESULT
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-2">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-2">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                        <div class="col-xs-1">
                            -
                        </div>
                    </div>

                    @foreach($data as $entry)
                        <div class="row" style="margin-bottom:10px;">
                            <div class="col-xs-1">
                                {{ $entry['ikentoo']->sku }}
                            </div>
                            <div class="col-xs-2">
                                {{ $entry['ikentoo']->product_name }}
                            </div>
                            <div class="col-xs-1">
                                {{ isset($entry['ikentoo']->stock_measurements) ? $entry['ikentoo']->stock_measurements : 'NONE SET' }}
                            </div>
                            <div class="col-xs-1">
                                {{ isset($entry['ikentoo']->unit_of_stock_measurement) ? $entry['ikentoo']->unit_of_stock_measurement : 'NONE SET' }}
                            </div>
                            <div class="col-xs-1">

                            </div>
                            <div class="col-xs-1">
                                {{ isset($entry['stocklevla']->sku) ? $entry['stocklevla']->sku : 'NONE SET' }}
                            </div>
                            <div class="col-xs-1">
                                {{ isset($entry['stocklevla']->product_name) ? $entry['stocklevla']->product_name . (isset($entry['stocklevla']->stock_measurements) ? $entry['stocklevla']->stock_measurements : 'NONE SET')  : 'NONE SET' }}
                            </div>
                            <div class="col-xs-2">
                                <input id="{{ $entry['stocklevla']->sku }}_how_many" style="width:80px;" type="number" value="" />
                                <select id="{{ $entry['stocklevla']->sku }}_unit_title">
                                    @foreach ($unittypes as $utype)
                                        <option selected value="{{ $utype['id'] }}">{{ $utype['title'] }}</option>
                                    @endforeach
                                </select>

                            </div>
                            <div class="col-xs-1">
                                <select id="{{ $entry['stocklevla']->sku }}_mass_unit_volume">
                                    @foreach ($masunits as $utype)
                                        <option selected value="{{ $utype['id'] }}">{{ $utype['title'] }}</option>
                                    @endforeach
                                </select>
                                <!-- {{ isset($entry['stocklevla']->mass_unit_volume) ? $entry['stocklevla']->mass_unit_volume : 'NONE SET' }} -->
                            </div>
                            <div class="col-xs-1">
                                <button type="button" onclick="saveItem('');" class="btn-small btn-primary pull-right">Save</button>
                            </div>
                        </div>
                    @endforeach

            </div>
        </div>
    </div>
    <script type="text/javascript">
        function saveItem(sku){
            var howmany = $("#" + sku + "_how_many").val();
            var unittitle = $("#" + sku + "_unit_title").val();
            var massunit = $("#" + sku + "_mass_unit_volume").val();
            var rest_id = '';
            $.ajax({
                type: "POST",
                url: '/setitem',
                data: {
                    how_many: howmany,
                    unit_title: unittitle,
                    mass_unit: massunit,
                    rest_id: rest_id,
                    sku: sku
                },
                success: function(data){
                    alert('Saved');
                },
                error: function(error) {
                    alert('Failed to Save');
                },
                dataType: 'json'
            });
        }
    </script>
@stop