@extends('admin.master')
@section('title', isset($editModeData) ? 'Edit Stock Adjust' : 'Add Stock Adjust')
@section('content')

    <div class="container-fluid">
        <div class="row bg-title page-breadcrumb bg-white">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 ">
                <ol class="breadcrumb ">
                    <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i>
                            Dashboard</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>
            <div class="col-lg-9 col-md-8 col-sm-8 col-xs-12">
                <a href="{{route('stock_adjust.index')}}"
                   class="btn btn-success pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light"><i
                            class="fa fa-list-ul" aria-hidden="true"></i> View All</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-info">
                    <div class="panel-heading"><i class="mdi mdi-clipboard-text fa-fw"></i>@yield('title')</div>
                    <div class="panel-wrapper collapse in" aria-expanded="true">
                        <div class="panel-body">
                            {{ Form::open(array('route' => 'stock_adjust.store','enctype'=>'multipart/form-data','class'=>'form-horizontal')) }}
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-offset-2 col-md-6">
                                        @if($errors->any())
                                            <div class="alert alert-danger alert-dismissible" role="alert">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close"><span aria-hidden="true">×</span></button>
                                                @foreach($errors->all() as $error)
                                                    <strong>{!! $error !!}</strong><br>
                                                @endforeach
                                            </div>
                                        @endif
                                        @if(session()->has('success'))
                                            <div class="alert alert-success alert-dismissable">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-hidden="true">×
                                                </button>
                                                <i class="cr-icon glyphicon glyphicon-ok"></i>&nbsp;<strong>{{ session()->get('success') }}</strong>
                                            </div>
                                        @endif
                                        @if(session()->has('error'))
                                            <div class="alert alert-danger alert-dismissable">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-hidden="true">×
                                                </button>
                                                <i class="glyphicon glyphicon-remove"></i>&nbsp;<strong>{{ session()->get('error') }}</strong>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="card-body">
                                    <input type="hidden" name="hdnCounter" id="hdnCounter" value="0">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                            <div class="form-group row pt-3">
                                                <label for="inputEmail3" class="col-sm-3 text-right control-label col-form-label">Warehouse<span class="validateRq">*</span></label>
                                                <div class="col-sm-9">
                                                    {{ Form::select('warehouse_id',$warehouse, Input::old('warehouse_id'), array('class' => 'form-control warehouse','required')) }}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                            <div class="form-group row pt-3">
                                                <label for="inputEmail3" class="col-sm-3 text-right control-label col-form-label">Adjust Type<span class="validateRq">*</span></label>
                                                <div class="col-sm-9">
                                                    {{ Form::select('adjust_type',['Addition'=>'Addition','Subtraction'=>'Subtraction'], Input::old('adjust_type'), array('class' => 'form-control select2','required')) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-12 col-lg-12">
                                            <div class="well well-sm">
                                                <div class="form-group" style="margin-bottom:0; margin: 0">
                                                    <div class="input-group wide-tip">
                                                        <div class="input-group-addon" style="padding-left: 10px; padding-right: 10px;">
                                                            <i class="fa fa-2x fa-barcode addIcon"></i></div>
                                                        <input type="text" name="product" class="form-control  input-lg" id="products" style="height: 48px" placeholder="Search by product name or code">
                                                        <div class="input-group-addon"
                                                             style="padding-left: 10px; padding-right: 10px;">
                                                            <a href="{{ route('product.create') }}" id="addManually1" tabindex="-1"><i class="fa fa-2x fa-plus-circle addIcon"  id="addIcon"></i></a></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="control-group table-group">
                                            <label class="table-label">Order Items</label>
                                            <div class="controls table-controls">
                                                <table id="poTable" class="order-details table items table-striped table-bordered table-condensed table-hover sortable_table">
                                                    <thead>
                                                    <tr>
                                                        <th class="col-md-6">Product (Code - Name)</th>
                                                        <th class="col-md-3">Net Unit Cost</th>
                                                        <th class="col-md-3">Current Stock</th>
                                                        <th class="col-md-3">Adjust Quantity</th>
                                                        <th style="width: 30px !important; text-align: center;"><i class="fa fa-trash-o" style="opacity:0.5; filter:alpha(opacity=50);"></i>
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody class="ui-sortable custom-row ">

                                                    </tbody>

                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                </div>


                            </div>

                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-12">
                                                @if(isset($editModeData))
                                                    <button type="submit" class="btn btn-info center-block"><i
                                                                class="fa fa-pencil"></i> Update
                                                    </button>
                                                @else
                                                    <button type="submit" class="btn btn-info  center-block"><i
                                                                class="fa fa-check"></i> Save Stock Adjust
                                                    </button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <link href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
    <script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('#extras-con').show(200);
            var counter = jQuery("#hdnCounter").val();
            //AutoComplete
            src = "{{ route('getWareHouseProducts')}}";
            {{--src = "{{ route('getAllWareHouseProducts')}}";--}}
            $("#products").autocomplete({
                source: function (request, response) {
                    var warehouse_id =jQuery(".warehouse").val();
                    $.ajax({
                        url: src,
                        dataType: "json",
                        data: {
                            input_source : 'autocomplete',
                            term: request.term,
                            warehouse_id: warehouse_id
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                minLength: 3,

                select: function (event, ui) {
                    counter++
                    add_purchase_item(ui.item, counter);
                    $(this).val("");
                    return false;

                },
            });


            function add_purchase_item(items, counter) {

                localStorage.setItem('items', JSON.stringify(items));

                poitems = JSON.parse(localStorage.getItem('items'));

                var product_variant_id='';
                if(poitems.product_variant_id)
                {
                     product_variant_id=poitems.product_variant_id;
                }

                $(".custom-row").append('<tr>' +
                    '<td>' +
                    '<input name="product_id[]" type="hidden" class="rid"  value="' + poitems.id + '">' + poitems.value + '' +
                    '<input name="product_variant_id[]" type="text" class="product_variant_id"  value="'+product_variant_id + '">' +
                    '</td>' +
                    '<td>' +
                    '<input name="product_cost[]" type="text" class="form-control  unit-price ' + counter + '" value="' + poitems.product_cost + '" required >' +
                    '</td>' +
                    '</td>' +
                    '<td>'+poitems.product_stock_quantity+'</td>' +
                    '<td>' +
                    '<input name="quantity[]" type="text" class="form-control quantity ' + counter + '" value="1" required>' +
                    '</td>' +
                    '<td>' +
                    '<i class="fa fa-times tip podel remove"  title="Remove" style="cursor:pointer;"></i>' +
                    '</td>' +
                    '</tr>');


            }

            $(".custom-row").on('click', '.remove', function () {
                $(this).parent().parent().remove();
            });

            $(".warehouse").on('change', function () {
                $(".custom-row").children().remove();
            });

        });




    </script>
@endsection