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

@section('content')

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

                @component('components.widget', ['title' => __('product.product_info'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>',])
                    <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">

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('generic_id', __('product.generic_id') . ':', ['class' => 'form-label']) !!}
                                <div class="input-group">
                                    {!! Form::select('generic_id', $generics, !empty($duplicate_product->brand_id) ? $duplicate_product->generic_id : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-select select2']); !!}
                                    <span class="input-group-btn">
                                        <button type="button" @if(!userHasPermission('generic.create')) disabled
                                                @endif class="btn btn-primary bg-primary btn-flat btn-modal"
                                                data-href="{{action([\App\Http\Controllers\GenericsController::class, 'create'], ['quick_add' => true])}}"
                                                title="@lang('generic.add_generic')" data-bs-toggle="modal"
                                                data-bs-target=".show_modal">
                                            <i class="fa fa-plus-circle text-white fa-lg"></i>
                                        </button>
                                  </span>
                                </div>
                            </div>
                        </div>


                        <div class="col-md-4 @if(!session('business.product_enable_category'))  @endif">
                            <div class="form-group">
                                {!! Form::label('category_id', __('product.product_category') . ':', ['class' => 'form-label']) !!}
                                {!! Form::select('category_id', $categories, !empty($duplicate_product->category_id) ? $duplicate_product->category_id : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-select select2']); !!}
                            </div>
                        </div>


                        <div class="col-md-4 @if(!(session('business.product_enable_category') && session('business.product_enable_sub_category')))  @endif">
                            <div class="form-group">
                                {!! Form::label('sub_category_id', __('product.sub_category') . ':', ['class' => 'form-label']) !!}
                                {!! Form::select('sub_category_id', $sub_categories, !empty($duplicate_product->sub_category_id) ? $duplicate_product->sub_category_id : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-select select2']); !!}
                            </div>
                        </div>

                    </div>

                    <div class="row">

                        <div class="col-md-4 @if(!session('business.enable_brand'))  @endif">
                            <div class="form-group">
                                {!! Form::label('brand_id', __('product.product_brand') . ':', ['class' => 'form-label']) !!}
                                <div class="input-group">
                                    {!! Form::select('brand_id', $brands, !empty($duplicate_product->brand_id) ? $duplicate_product->brand_id : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-select select2']); !!}
                                    <span class="input-group-btn">
                                        <button type="button" @if(!userHasPermission('brand.create')) disabled
                                                @endif class="btn btn-primary bg-primary btn-flat btn-modal"
                                                data-href="{{action([\App\Http\Controllers\BrandController::class, 'create'], ['quick_add' => true])}}"
                                                title="@lang('brand.add_brand')" data-bs-toggle="modal"
                                                data-bs-target=".show_modal">
                                            <i class="fa fa-plus-circle text-white fa-lg"></i>
                                        </button>
                                  </span>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('unit_id', __('product.product_unit') . ':*', ['class' => 'form-label']) !!}
                                <div class="input-group">
                                    {!! Form::select('unit_id', $units, !empty($duplicate_product->unit_id) ? $duplicate_product->unit_id : session('business.default_unit'), ['class' => 'form-select select2', 'required' ,'aria-invalid'=>true,'data-validation-required-message'=> __('product.product_unit')." Is Required"]); !!}

                                    <span class="input-group-btn">
                                        <button type="button" @if(!userHasPermission('unit.create')) disabled
                                                @endif class="btn btn-primary bg-primary btn-flat btn-modal"
                                                data-href="{{action([\App\Http\Controllers\UnitController::class, 'create'], ['quick_add' => true])}}"
                                                title="@lang('unit.add_unit')" data-bs-toggle="modal"
                                                data-bs-target=".show_modal">
                                            <i class="fa fa-plus-circle text-white fa-lg"></i>
                                        </button>
                                    </span>
                                </div>
                                <div class="help-block" role="alert"></div>
                            </div>
                        </div>

                        <div class="col-md-4 @if(!session('business.product_enable_sub_units'))  @endif">
                            <div class="form-group">
                                {!! Form::label('sub_unit_ids', __('product.related_sub_units') . ':', ['class' => 'form-label']) !!}
                                @show_tooltip(__('product.sub_units_tooltip'))

                                {!! Form::select('sub_unit_ids[]', [], !empty($duplicate_product->sub_unit_ids) ? $duplicate_product->sub_unit_ids : null, ['class' => 'form-select select2', 'multiple', 'id' => 'sub_unit_ids']); !!}
                            </div>
                        </div>


                    </div>

                    <div class="row">


                        @if(!empty($common_settings['enable_secondary_unit']))
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('secondary_unit_id', __('app.secondary_unit') . ':', ['class' => 'form-label']) !!}
                                    @show_tooltip(__('product.secondary_unit_help'))
                                    {!! Form::select('secondary_unit_id', $units, !empty($duplicate_product->secondary_unit_id) ? $duplicate_product->secondary_unit_id : null, ['class' => 'form-select select2']); !!}
                                </div>
                            </div>
                        @endif

                        @php
                            $default_location = null;
                            if(count($business_locations) == 1){
                            $default_location = array_key_first($business_locations->toArray());
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('product_locations', __('business.business_location') . ':', ['class' => 'form-label']) !!}
                                @show_tooltip(__('product.product_location_help'))
                                {!! Form::select('product_locations[]', $business_locations, $default_location, ['class' => 'form-select select2', 'multiple', 'id' => 'product_locations']); !!}
                            </div>
                        </div>

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

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

                            </div>
                        </div>
                        <div class="col-md-2">

                            <div class="form-group  controls">
                                {!! Form::checkbox('enable_stock', 1, !empty($duplicate_product) ? $duplicate_product->enable_stock : true, ['class' => 'input-icheck', 'id' => 'enable_stock']); !!}

                                <label class="form-label" for="enable_stock"> @lang('product.manage_stock')
                                    @show_tooltip(__('product.enable_stock'))
                                </label>
                                <div class="help-block"></div>

                            </div>

                        </div>

                        <div class="col-md-2 @if(!empty($duplicate_product) && $duplicate_product->enable_stock == 0)  @endif"
                             id="alert_quantity_div">
                            <div class="form-group">
                                {!! Form::label('alert_quantity', __('product.alert_quantity') . ':', ['class' => 'form-label']) !!}
                                @show_tooltip(__('product.alert_quantity'))
                                {!! Form::text('alert_quantity', !empty($duplicate_product->alert_quantity) ? @format_quantity($duplicate_product->alert_quantity) : null , ['class' => 'form-control input_number',
                                'placeholder' => __('product.alert_quantity'), 'min' => '0']); !!}
                            </div>
                        </div>
                        
                    </div>

                    <div class="row mt-10">

                        @if(!empty($common_settings['enable_product_warranty']))
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('warranty_id', __('app.warranty') . ':', ['class' => 'form-label']) !!}
                                    {!! Form::select('warranty_id', $warranties, null, ['class' => 'form-select select2', 'placeholder' => __('messages.please_select')]); !!}
                                </div>
                            </div>
                        @endif
                    <!-- include module fields -->
                        @if(!empty($pos_module_data))
                            @foreach($pos_module_data as $key => $value)
                                @if(!empty($value['view_path']))
                                    @includeIf($value['view_path'], ['view_data' => $value['view_data']])
                                @endif
                            @endforeach
                        @endif

                        <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>

                @include('product.partials.single_product_form_part', ['profit_percent' => $default_profit_percent])
            </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>

        {!! 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