@extends('tenant.settings.pos.pos-settings-tabs')


@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos_settings') => '#',
            __('breadcrumb.sales_settings')  => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.pos.sales-settings'])
@endsection

@section('pos-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h4>@lang('settings/pos/scale-settings.scale_settings')</h4>

        <form action="{{ route('tenant.settings.pos.scale-settings.save') }}" method="post" id="update_scale_settings">
            @csrf

            <div class="row my-4">
                <div class="col">
                    <label for="scale_first_digits" class="fw-bold">@lang('settings/pos/scale-settings.scale_first_digits')</label>
                    <input type="number" name="scale_first_digits" id="scale_first_digits" class="form-control w-25" 
                    value="{{ $settings['scale_first_digits'][0]->value }}" min="10" max="99" step="1" required >
                </div>

                <div class="col">
                    @php $content_lang = $settings['scale_barcode_type'][0]->value; @endphp
                    <label class="fw-bold">@lang('settings/pos/scale-settings.scale_barcode_type')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="weight_scale_barcode_type">@lang('settings/pos/scale-settings.weight')</label>
                            <input type="radio" name="scale_barcode_type" id="weight_scale_barcode_type" value="weight"
                                {{ $content_lang == 'weight' ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="price_scale_barcode_type">@lang('settings/pos/scale-settings.price')</label>
                            <input type="radio" name="scale_barcode_type" id="price_scale_barcode_type" value="price"
                                {{ $content_lang == 'price' ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>

            </div>

            <div class="text-center">
                <button class="btn orange-btn">@lang('settings/pos/scale-settings.edit')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script type="module">

    </script>
@endpush