@extends('layouts.app')

@section('content')

    <div class="row mb-3">
        <div class="col-6">
            <h3>МАФ</h3>
        </div>
        <div class="col-6 text-end">
{{--            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModal">--}}
{{--                Добавить--}}
{{--            </button>--}}

        </div>
    </div>


    @include('partials.table', [
        'id'        => $id,
        'header'    => $header,
        'strings'   => $products_sku,
        'routeName' => 'product_sku.show',
        'routeParam' => 'product_sku',
    ])

    @include('partials.pagination', ['items' => $products_sku])


    <!-- Модальное окно редактирования -->
{{--    <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">--}}
{{--        <div class="modal-dialog modal-fullscreen-sm-down modal-lg">--}}
{{--            <div class="modal-content">--}}
{{--                <div class="modal-header">--}}
{{--                    <h1 class="modal-title fs-5" id="addModalLabel">Добавить заказ МАФ</h1>--}}
{{--                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>--}}
{{--                </div>--}}
{{--                <div class="modal-body">--}}
{{--                    <form action="{{ route('product_sku.store') }}" method="post">--}}
{{--                        @csrf--}}
{{--                        <div id="select_maf_form">--}}
{{--                            <input type="text" class="form-control mb-2" placeholder="Поиск номенклатуры" id="search_maf">--}}
{{--                            <select id="select_maf" class="form-select mb-3" multiple></select>--}}
{{--                        </div>--}}
{{--                        <div style="display:none;" id="sku_form">--}}
{{--                            <a href="#" onclick="$('#sku_form').slideUp(); $('#select_maf_form').slideDown()">назад</a>--}}
{{--                            <input type="hidden" id="product_id" name="product_id" value="">--}}
{{--                            @include('partials.input', ['name' => 'product_name', 'title' => 'МАФ', 'disabled' => true])--}}
{{--                            @include('partials.input', ['name' => 'rfid', 'title' => 'RFID', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'factory_number', 'title' => 'Номер фабрики', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'manufacture_date', 'title' => 'Дата производства', 'type' => 'date', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'service_life', 'title' => 'Срок службы', 'required' => true, 'type' => 'number'])--}}
{{--                            @include('partials.input', ['name' => 'certificate_number', 'title' => 'Номер сертификата', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'certificate_date', 'title' => 'Дата сертификата', 'type' => 'date', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'certificate_issuer', 'title' => 'Орган сертификации', 'required' => true])--}}
{{--                            @include('partials.input', ['name' => 'certificate_type', 'title' => 'Вид сертификации', 'required' => true])--}}
{{--                            @include('partials.submit', ['name' => 'Добавить'])--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

    @if($errors->count())
        @dump($errors)
    @endif
@endsection


@push('scripts')
    <script type="module">
        $('#select_maf').on('change', function () {
            $('#product_id').val($(this).val());
            $('#product_name').val($('#select_maf option:selected').text()).slideDown();
            $('#select_maf_form').slideUp();
            $('#sku_form').slideDown();
        });
    </script>
@endpush