@extends('layouts.admin')
@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('add_stock.add_stock') }}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('common.home') }}</a></li>
                        <li class="breadcrumb-item" aria-current="page"><a
                                href="{{ route('add-stock.index') }}">{{ __('add_stock.title') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page"> {{ __('add_stock.add_stock') }}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        {{ Form::open(['route' => __('add-stock.store'), 'method' => 'POST', 'id' => 'ajaxSave']) }}

        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="round-white-bg box-shadow">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="error-msg font-14"></div>
                        </div>
                        <div class="col-md-6">
                            <div class="custom-input-group colored-field-group">
                                {{ Form::label('date', __('add_stock.date'), ['class' => 'control-label']) }}
                                {{ Form::text('date', dateFormat(currentDate(), SHOW_DATE), ['class' => 'form-control', 'readonly' => true]) }}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="custom-input-group colored-field-group">
                                {{ Form::label('remarks', __('add_stock.remarks'), ['class' => 'control-label']) }}
                                {{ Form::textarea('remarks', null, ['class' => 'form-control', 'size' => '2x1']) }}
                            </div>
                        </div>
                    </div>
                    <div class="__stock_container mt-5">
                        {{--<div class="__label_div">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('remark', __('add_stock.item_name'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('quantity', __('add_stock.quantity'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('remarks', __('add_stock.remarks'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-2">

                                </div>
                            </div>
                        </div>--}}

                        <div class="row">
                            <div class="col-12">
                                <hr />
                                <div class="card m-b-30">
                                    <div class="row mx-3">
                                        <div class="col-md-3 mt-4">
                                            {{ Form::select('department', $departments, null, array('class' => 'form-control select2', 'id' => 'department', 'data-live-search' => 'true')) }}
                                        </div>
                                        <div class="col-md-3 mt-4 text-left">
                                            @php
                                                $inventoryTypes = inventoryType();
                                            @endphp
                                            @if (isset($inventoryTypes) && count($inventoryTypes) > 0)
                                                @foreach ($inventoryTypes as $id => $inventoryType)
                                                    <button type="button"
                                                            data-inventory_type = "{!! $id !!}"
                                                            class="btn btn-default __inventory_type_selector {{ $id == 1 ? 'btn-primary inv_sel' : '' }}">
                                                        {{ $inventoryType }}
                                                    </button>
                                                @endforeach
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            <div class="common-type-search mb-0 mt-3">
                                                <input type="text" placeholder="search"
                                                    class="form-control form-control-lg live-search">
                                                <i class="fa fa-search"></i>
                                            </div>
                                        </div>
                                        <div class="col-md-3 text-right" style="text-align: end">
                                            <li class="list-inline-item mb-0 mt-3">
                                                {{ Form::submit(__('common.save'), ['class' => 'btn btn-primary width80']) }}
                                            </li>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div id="hiddenFields">
                                            <input type="hidden" name="json_data">
                                        </div>
                                        <div id="inv-items" >
                                            <div class="loading-icon" style="display: none;width: 100%;">
                                                <p class="text-center mb-0" style="width: 100%;">
                                                    <img src="{{asset('assets/images/loading.gif')}}" style="width: 25px;vertical-align: middle;">
                                                </p>
                                            </div>
                                            <div class="inv-items-list row">

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

                    {{--<div class="form-group mt-5 text-left">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                {{ Form::submit(__('common.save'), ['class' => 'btn btn-primary width80']) }}
                            </li>
                            --}}{{-- <li class="list-inline-item">
                            {{ Form::reset( __('common.cancel'), array('class' => 'btn btn-default btn-lg font12'));}}
                        </li> --}}{{--
                        </ul>
                    </div>--}}
                </div>
            </div>
        </div>

        {{ Form::close() }}
    </div>
@endsection

@section('script')
    @include('layouts.add-stock-script' , ['route' => $route ?? ''])
    <script>

        /*$(".live-search").on("keyup", function() {
            let value = $(this).val().toLowerCase();
            $("#inv-items .i-items").filter(function() {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });*/

        $(document).on("keydown", ".is_numeric", function(e) {
            return isNumberKey(e);
        }).on("keyup", ".is_numeric", function(e) {
            var qty = $(this).val();
            qty = parseFloat(qty);
            var cid = $(this).attr('data-id');
            if (qty > -1) {
                $('.add-label' + cid).removeClass('btn-danger').addClass('btn-success');
                $('.add-label' + cid).html('ADDED');
            } else {
                $(this).val('');
                $('.add-label' + cid).removeClass('btn-success').addClass('btn-danger');
                $('.add-label' + cid).html('ADD');
            }
        });

        $(document).on("click", ".add_button", function(e) {
            e.preventDefault();

            let t = $(this).text();
            if (t.trim() == 'ADDED') {
                return false;
            }
            console.log('in')
            if (!isNumberKey(e)) {
                return false;
            }

            let type = $(this).attr('data-type');
            let price = $(this).attr('data-price');
            let cid = $(this).attr('data-id');

            let qty = $('.qty' + cid).val();
            qty = (qty < 1 || qty == '.') ? 0 : qty;
            qty = parseFloat(qty);

            if (type == '+') {
                qty = (qty + 1).toFixed();
            } else if (type == '-') {
                qty = (qty - 1).toFixed();
            } else {
                qty = 1;
            }

            if (qty > 0) {
                $('.qty' + cid).val(qty);
                $('.add-label' + cid).removeClass('btn-danger').addClass('btn-success');
                $('.add-label' + cid).addClass('added_btn');
                $('.add-label' + cid).html('ADDED');
            }

            if (qty == 0) {
                $('.qty' + cid).val(qty);
                $('.qty' + cid).val('');
                $('.add-label' + cid).removeClass('btn-success').addClass('btn-danger');
                $('.add-label' + cid).removeClass('added_btn')
                $('.add-label' + cid).html('ADD');
            }
        });

        function isNumberKey(evt) {
            let charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode != 1 && charCode != 46 && charCode != 8 && charCode != 190 && charCode != 110 &&
                (charCode < 48 || charCode > 57) && (charCode < 96 || charCode > 105))
                return false;

            return true;
        }
    </script>
@endsection