@extends('layouts.app')

@section('content')
    <div id="group-form">
        <section class="content-header">
            <h2 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('sync::lang.stock_settings')</h2>
        </section>

        {{ Form::open(['url' => '/sync/stock-settings', 'method' => 'POST', 'id' => 'settingForm']) }}
        <div class="row">
            <div class="col-md-12 col-sm-12">
                @component('components.widget', ['class' => 'box-solid'])
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('supervisor_id', __('sync::lang.choose_quantities_locations_for_syncing') . ':') !!}
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-user"></i>
                                </span>
                                {!! Form::select('locations[]', $locations ?? [], $selectedLocations, [
                                    'class' => 'form-control select2',
                                    'id' => 'user_id',
                                    'multiple',
                                    'style' => 'width: 100%;',
                                ]) !!}

                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('percentage', __('sync::lang.qty_percentage') . ':') !!}
                            <div class="input-group">

                                {!! Form::number('qty_percentage', $qtyPercentage, [
                                    'class' => 'form-control',
                                    'id' => 'qty_percentage',
                                    'min' => 0,
                                    'max' => 100,
                                    'step' => '0.01',
                                   
                                ]) !!}

                            </div>
                        </div>
                    </div>
                @endcomponent
            </div>

        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12">
                @component('components.widget', ['class' => 'box-solid'])
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('location_store_id', __('sync::lang.choose_location_for_store_sell') . ':') !!}
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-user"></i>
                                </span>
                                {!! Form::select('location_id_for_store[]', $locations ?? [], $selectedLocationStore, [
                                    'class' => 'form-control select2',
                                    'id' => 'user_id',
                                    'style' => 'width: 100%;',
                                ]) !!}

                            </div>
                        </div>
                    </div>
                @endcomponent
            </div>

        </div>




        <div class="row">
            <div class="col-sm-12 text-center mt-4">
                <button type="submit" class="tw-dw-btn tw-dw-btn-primary tw-dw-btn-lg tw-text-white">
                    @lang('messages.save')
                </button>
            </div>
        </div>


        {!! Form::close() !!}
    </div>
@endsection
@section('javascript')
@endsection