@extends('layouts.app')
@section('title', __('product.add_new_master_product'))

@section('content')

    @include('layouts.partials.breadcrumb',['page_title'=> __( 'product.add_master_product') , 'bread_crumbs'=>array( array('title'=>__('product.master_products'),'url'=>route("master-products.index")),array('title'=> __('product.add_new_master_product'),'url'=>''))])
    <!-- Main content -->
    <section class="content">
        @php
            $form_class = empty($duplicate_product) ? 'create' : '';
            $is_image_required = !empty($common_settings['is_product_image_required']);
            //$search_disable = false;
        @endphp
        {!! Form::open(['url' => action([\App\Http\Controllers\MasterProductController::class, 'store']), 'method' => 'post',
        'id' => 'product_add_form','class' => 'product_form ' . $form_class, 'files' => true ]) !!}
        <div class="box">
                        <div class="master-product-info">


                @component('components.widget', ['title' => __('product.product_info'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>', 'style' => 'display:none;'])

                    <div class="row">

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name', __('product.product_name') . ':*', ['class' => 'form-label']) !!}

                                {!! Form::text('name', !empty($duplicate_product->name) ? $duplicate_product->name : null, ['class' => 'form-control', 'required','aria-invalid'=>true,'data-validation-required-message'=> __('product.product_name')." Is Required",
                                'placeholder' => __('product.product_name')]); !!}
                                <div class="help-block" role="alert"></div>

                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('sku', __('product.product_sku') . ':', ['class' => 'form-label']) !!}
                                @show_tooltip(__('tooltip.sku'))
                                {!! Form::text('sku', null, ['class' => 'form-control',
                                'placeholder' => __('product.sku')]); !!}
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('barcode_type', __('product.product_barcode_type') . ':*', ['class' => 'form-label']) !!}
                                {!! Form::select('barcode_type', $barcode_types, !empty($duplicate_product->barcode_type) ? $duplicate_product->barcode_type : $barcode_default, ['class' => 'form-select select2', 'required' ,'aria-invalid'=>true,'data-validation-required-message'=> __('product.barcode_type')." Is Required"]); !!}
                                <div class="help-block" role="alert"></div>
                            </div>
                        </div>

                    </div>
                                        <div class="row mt-10">
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('product_description', __('product.product_description') . ':', ['class' => 'form-label']) !!}
                                {!! Form::textarea('product_description', !empty($duplicate_product->product_description) ? $duplicate_product->product_description : null, ['class' => 'form-control']); !!}
                            </div>
                        </div>


                    </div>

                @endcomponent

                <div class="row">
                    <div class="col-md-12">
                        @component('components.widget', ['title' => __('product.product_image'),'class' => '','icon'=>'<i class="fa fa-image"></i>',])
                            @if(!empty($product->image))
                                <div class="col-md-12 text-center">
                                    <img src="{!! $product->image_url !!}">

                                </div>
                            @endif
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label">@lang('app.upload_image:')</label>
                                    {!! Form::file('image', ['id' => 'upload_image', 'accept' => 'image/*']); !!}
                                    <small>
                                        <p class="help-block">@lang('product.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])</p>
                                    </small>
                                </div>
                            </div>
                        @endcomponent
                    </div>
                </div>

                

            <div class="box-footer text-start">
                <a href="{{ route('products.index') }}" class="btn btn-warning me-1"><i
                        class="ti-trash"></i> @lang('app.cancel')</a>
                <input type="hidden" name="submit_type" id="submit_type">
                <input type="hidden" name="type" id="type" value="single">
                <button type="submit" name="submit" class="btn btn-primary submit_product_form" value="submit">
                    <i class="ti-save-alt"></i> @lang('app.save')
                </button>
                @php /*
                @if(userHasPermission('product.opening_stock'))
                    <button id="opening_stock_button" @if(!empty($duplicate_product) && $duplicate_product->enable_stock == 0) disabled @endif type="submit" value="submit_n_add_opening_stock" class="btn btn-info submit_product_form">@lang('app.save_n_add_opening_stock')</button>
                @endif
                */
                @endphp

            </div>
            </div>
        </div>

        {!! Form::close() !!}

    </section>
    <!-- /.content -->

@endsection

@section('javascript')
    @php $asset_v = env('APP_VERSION'); @endphp
    <script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            __page_leave_confirmation('#product_add_form');
            onScan.attachTo(document, {
                suffixKeyCodes: [13], // enter-key expected at the end of a scan
                reactToPaste: true, // Compatibility to built-in scanners in paste-mode (as opposed to keyboard-mode)
                onScan: function (sCode, iQty) {
                    $('input#sku').val(sCode);
                },
                onScanError: function (oDebug) {
                    console.log(oDebug);
                },
                minLength: 2,
                ignoreIfFocusOn: ['input', '.form-control']
                // onKeyDetect: function(iKeyCode){ // output all potentially relevant key events - great for debugging!
                //     console.log('Pressed: ' + iKeyCode);
                // }
            });
        });
    </script>
    <script src="{{asset('theme/js/pages/validation.js')}}"></script>
    <script src="{{asset('theme/js/pages/form-validation.js')}}"></script>
@endsection