@extends('layouts/contentLayoutMaster')

@section('title', __('locale.SuppliersProducts'))

@section('content')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('page-style')
    <!-- Page css files -->
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
@endsection

<section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ __('locale.Products') }}</h4>
                </div>
                <div class="card-body">
                    <form class="form-add-supplier">
                        <input type="hidden" name="supplier_id" value="{{$suppliers->id}}">
                        <div class="row">
                            {{-- <div class="mb-1 col-md-6">
                                <label for="supplier_id"
                                    class="form-label">{{ __('locale.Table.SuppliersProducts.Column.Supplier') }}</label>
                                <select class="form-select" name="supplier_id" id="supplier_id">
                                    @if ($suppliers)
                                        @foreach ($suppliers as $supplier)
                                            <option value="{{ $supplier->id }}">{{ $supplier->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div> --}}
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="product_type">{{ __('locale.Table.SuppliersProducts.Column.Product') }}</label>
                                    <select class="form-select" name="product_type" id="product_type">
                                        {{-- <option value="0"{{ $supplier_product->product_type_id === 0 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select1') }}</option>
                                        <option value="1"{{ $supplier_product->product_type_id === 1 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select2') }}</option>
                                        <option value="2"{{ $supplier_product->product_type_id === 2 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select3') }}</option>
                                        <option value="4"{{ $supplier_product->product_type_id === 3 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select4') }}</option>
                                        <option value="5"{{ $supplier_product->product_type_id === 4 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select5') }}</option>
                                        <option value="6"{{ $supplier_product->product_type_id === 5 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select6') }}</option>
                                        <option value="7"{{ $supplier_product->product_type_id === 6 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select7') }}</option>
                                        <option value="8"{{ $supplier_product->product_type_id === 7 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select8') }}</option>
                                        <option value="9"{{ $supplier_product->product_type_id === 8 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select9') }}</option>
                                        <option value="10"{{ $supplier_product->product_type_id === 9 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select10') }}</option>
                                        <option value="11"{{ $supplier_product->product_type_id === 10 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select11') }}</option>
                                        <option value="12"{{ $supplier_product->product_type_id === 11 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select12') }}</option>
                                        <option value="13"{{ $supplier_product->product_type_id === 12 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select13') }}</option>
                                        <option value="14"{{ $supplier_product->product_type_id === 13 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select14') }}</option>
                                        <option value="15"{{ $supplier_product->product_type_id === 14 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select15') }}</option>
                                        <option value="16"{{ $supplier_product->product_type_id === 15 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select16') }}</option>
                                        <option value="17"{{ $supplier_product->product_type_id === 16 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select17') }}</option>
                                        <option value="18"{{ $supplier_product->product_type_id === 17 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select18') }}</option>
                                        <option value="19"{{ $supplier_product->product_type_id === 18 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select19') }}</option>
                                        <option value="20"{{ $supplier_product->product_type_id === 19 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select20') }}</option>
                                        <option value="21"{{ $supplier_product->product_type_id === 20 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select21') }}</option>
                                        <option value="22"{{ $supplier_product->product_type_id === 21 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select22') }}</option>
                                        <option value="23"{{ $supplier_product->product_type_id === 22 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select23') }}</option>
                                        <option value="24"{{ $supplier_product->product_type_id === 23 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Select24') }}</option> --}}
                                        @if($product_types)
                                        @foreach($product_types as $product_type)
                                        <option value="{{ $product_type->type }}" {{ $supplier_product->product_type_id === $product_type->id ? 'selected' : '' }}>{{ $product_type->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="name">{{ __('locale.Table.SuppliersProducts.Column.ProductID') }}</label>
                                    <input type="text" id="name" class="form-control"
                                        placeholder="{{ __('locale.Table.SuppliersProducts.Column.ProductID') }}"
                                        name="name" value="{{ $supplier_product->name }}"required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="product_port">{{ __('locale.Table.SuppliersProducts.Column.Product.Porte2') }}</label>
                                    <select class="form-select" name="product_port" id="product_port">
                                        <option value="0"{{ $supplier_product->product_port === 0 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Porte') }}</option>
                                        <option value="1"{{ $supplier_product->product_port === 1 ? 'selected' : '' }}>
                                            {{ __('locale.Table.SuppliersProducts.Column.Product.Porte1') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row hidden">
                            <div class="mb-1 col-md-">
                                <label for="product_id"
                                    class="form-label">{{ __('locale.Table.SuppliersProducts.Column.Supplier') }}</label>
                                <select class="form-select" name="product_id" id="product_id">
                                    @if ($products)
                                        @foreach ($products as $product)
                                            <option value="{{ $product->id }}">{{ $product->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary me-1"
                                id="btnAddSuppliersProducts">{{ __('locale.Table.SuppliersProducts.Column.AddButton') }}</button>
                            <button type="reset" class="btn btn-outline-secondary"
                                id="btnReset">{{ __('locale.Table.SuppliersProducts.Column.BackButton') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
@endsection
@section('page-script')
<script>
    $(function() {
        'use strict';

        $(".form-add-supplier").validate({
            rules: {
                supplier_id: 'required',
                product_id:'required'
            },
            messages: {
                supplier_id: "{{ __('locale.Table.SuppliersProducts.Column.RequiredField') }}",
                product_id: "{{ __('locale.Table.SuppliersProducts.Column.RequiredField') }}",
            }
        });


        $('#btnAddSuppliersProducts').on("click", async function(eve) {

            eve.preventDefault();

            $(".form-add-supplier").submit();

        });

        $(".form-add-supplier").on("submit", async function(eve) {

            eve.preventDefault();

            if ($(".form-add-supplier").get(0).checkValidity()) {

                let json = Object.fromEntries((new FormData($(".form-add-supplier").get(0)))
                    .entries());

                try {

                    let {
                        data: response
                    } = await axios({
                        url: `{{ route('api.products.update', $supplier_product->id) }}`,
                        method: 'put',
                        data: json,
                        headers: {
                            "Authorization": "Bearer {{ session('Authorization') }}"
                        }
                    }).catch((e) => {

                        let response = e.response;

                        @if (env('APP_DEBUG'))
                            console.warn(e)
                        @endif

                        if (response.status === 400 || response.status === 422) {
                            Swal.fire({
                                title: 'Ops!',
                                text: response.data.message,
                                icon: 'error',
                                cancelButtonText: '{{ __("locale.Table.SuppliersProducts.Column.CloseButton") }}'
                            })
                        } else if (response.status === 404) {
                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __("locale.Table.SuppliersProducts.Column.RequestedNotFound") }}',
                                icon: 'error',
                                cancelButtonText: '{{ __("locale.Table.SuppliersProducts.Column.CloseButton") }}'
                            })
                        } else {

                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __("locale.Table.SuppliersProducts.Column.RegisterError") }}',
                                icon: 'error',
                                cancelButtonText: '{{ __("locale.Table.SuppliersProducts.Column.CloseButton") }}'
                            })

                        }

                    });

                    Swal.fire({
                        title: 'Uhuul!',
                        text: '{{ __("locale.Table.SuppliersProducts.Column.UpdatedSuccess") }}',
                        icon: 'success',
                    }).then((_) => {
                        if (_.isConfirmed) {
                            window.location.href = '{{ route('dashboard.suppliers_products.index', $suppliers->id) }}'
                        }
                    })


                } catch (e) {

                }
            }

        });

        $('#btnReset').on('click', function() {
            window.location.href = '{{ route('dashboard.suppliers_products.index', $suppliers->id) }}';
        });


    });
</script>
@endsection