@php
    $layout = isSeller() ? 'layouts.seller' : 'layouts.admin';
    $storeRoute = isSeller() ? 'seller.add-stock.store' : 'admin.individual-stock.store';
    $listRoute = isSeller() ? 'seller.add-stock.index' : 'admin.individual-stock.index';
@endphp
@extends($layout)

@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ isSeller() ? __('add_stock.add_stock') : __('individual_stock.add_stock') }}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{!! route($listRoute) !!}">{!! isSeller() ? __('add_stock.title') : __('individual_stock.title') !!}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{!! isSeller() ? __('add_stock.add_stock') : __('individual_stock.add_stock') !!}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        {{ Form::open(['route' => $storeRoute, '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>
                    @php
                     $class=!isSeller()?'4':'6';
                    @endphp
                    @if(!isSeller())
                    <div class="col-md-{{$class}}">
                        <div class="custom-input-group colored-field-group ">
                            {!! Form::label('store_id', __('store.title1'), ['class' => 'control-label mb-2']) !!}
                            {!! Form::select('store_id', ['' => __('common.select-option')] + $stores, null, [
                                'class' => 'form-control select2',
                                'data-actions-box' => 'true',
                                'data-width' => '100%',
                            ]) !!}
                        </div>
                    </div>
                    @else
                        {!! Form::hidden('store_id',sellerId()) !!}
                    @endif
                    <div class="col-md-{{$class}}">
                    <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-{{$class}}">
                    <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="row">
                        <div class="col-12">
                            <hr />
                            <div class="card m-b-30">
                                <h5 class="red pt-3 text-center">{!! __('stock_request.request_comment') !!}</h5>
                                <div class="row mx-3">
                                    <div class="col-md-3 mt-3">
                                        {{ 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-2 " 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>
        </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;
            }

            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