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

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="{{ action([\App\Http\Controllers\ProductController::class, 'index'])}}">
                <i class="fa fas fa-dolly text-sm-i opacity-10"></i> @lang('sale.products')
              </a>
            </li>
             <li class="breadcrumb-item text-sm text-white">
                @lang('product.add_new_product')
            </li>
        </ol>
    </nav>
</section>
<!-- 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="pad-15"> 
        @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fa-plus text-primary', 'title' => __( 'product.add_new_product')])
            <hr class="line-light-1">
            <div class="row pad-15">
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('name', __('product.product_name') . ':*') !!}
                        {!! Form::text('name', !empty($duplicate_product->name) ? $duplicate_product->name : null, ['class' => 'form-control bd-rd-7', 'required',
                        'placeholder' => '']); !!}
                    </div>
                </div>

                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('sku', __('product.sku') . ':') !!} @show_tooltip(__('tooltip.sku'))
                        {!! Form::text('sku', null, ['class' => 'form-control bd-rd-7',
                        'placeholder' => '']); !!}
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('barcode_type', __('product.barcode_type') . ':*') !!}
                        {!! Form::select('barcode_type', $barcode_types, !empty($duplicate_product->barcode_type) ? $duplicate_product->barcode_type : $barcode_default, ['class' => 'form-control select2', 'required']); !!}
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row pad-15">
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('unit_id', __('product.unit') . ':*') !!}
                        <div class="input-group">
                            {!! Form::select('unit_id', $units, !empty($duplicate_product->unit_id) ? $duplicate_product->unit_id : session('business.default_unit'), ['class' => 'form-control select2', 'required']); !!}
                            <span class="input-group-btn">
                                <button type="button" @if(!auth()->user()->can('unit.create')) disabled @endif class="btn bd-rd-7 bg-white btn-modal" data-href="{{action([\App\Http\Controllers\UnitController::class, 'create'], ['quick_add' => true])}}" title="@lang('unit.add_unit')" data-container=".view_modal"><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4 @if(!session('business.enable_sub_units')) hide @endif">
                    <div class="form-group">
                        {!! Form::label('sub_unit_ids', __('lang_v1.related_sub_units') . ':') !!} @show_tooltip(__('lang_v1.sub_units_tooltip'))

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

                <div class="col-sm-4 @if(!session('business.enable_brand')) hide @endif">
                    <div class="form-group">
                        {!! Form::label('brand_id', __('product.brand') . ':') !!}
                        <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-control select2']); !!}
                            <span class="input-group-btn">
                                <button type="button" @if(!auth()->user()->can('brand.create')) disabled @endif class="btn bg-white bd-rd-7 btn-modal" data-href="{{action([\App\Http\Controllers\BrandController::class, 'create'], ['quick_add' => true])}}" title="@lang('brand.add_brand')" data-container=".view_modal"><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 @if(!session('business.enable_category')) hide @endif">
                    <div class="form-group">
                        {!! Form::label('category_id', __('product.category') . ':') !!}
                        {!! Form::select('category_id', $categories, !empty($duplicate_product->category_id) ? $duplicate_product->category_id : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2']); !!}
                    </div>
                </div>
            </div>
            <div class="row pad-15">
                <div class="col-sm-4 @if(!(session('business.enable_category') && session('business.enable_sub_category'))) hide @endif">
                    <div class="form-group">
                        {!! Form::label('sub_category_id', __('product.sub_category') . ':') !!}
                        {!! 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-control select2']); !!}
                    </div>
                </div>

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

                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('product_locations', __('business.business_locations') . ':') !!} @show_tooltip(__('lang_v1.product_location_help'))
                        {!! Form::select('product_locations[]', $business_locations, $default_location, ['class' => 'form-control select2', 'multiple', 'id' => 'product_locations']); !!}
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row pad-15">
                <div class="col-sm-4">
                    <div class="form-group">
                        <br>
                        <label>
                            {!! Form::checkbox('enable_stock', 1, !empty($duplicate_product) ? $duplicate_product->enable_stock : true, ['class' => 'input-icheck', 'id' => 'enable_stock']); !!} <strong>@lang('product.manage_stock')</strong>
                        </label>@show_tooltip(__('tooltip.enable_stock')) <p class="help-block"><i>@lang('product.enable_stock_help')</i></p>
                    </div>
                </div>
                <div class="col-sm-4 @if(!empty($duplicate_product) && $duplicate_product->enable_stock == 0) hide @endif" id="alert_quantity_div">
                    <div class="form-group">
                        {!! Form::label('alert_quantity', __('product.alert_quantity') . ':') !!} @show_tooltip(__('tooltip.alert_quantity'))
                        {!! Form::text('alert_quantity', !empty($duplicate_product->alert_quantity) ? @format_quantity($duplicate_product->alert_quantity) : null , ['class' => 'form-control input_number bd-rd-7',
                        'placeholder' => '', 'min' => '0']); !!}
                    </div>
                </div>
                @if(!empty($common_settings['enable_product_warranty']))
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('warranty_id', __('lang_v1.warranty') . ':') !!}
                        {!! Form::select('warranty_id', $warranties, null, ['class' => 'form-control 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>
            <div class="clearfix"></div>
            <div class="row pad-15">
                <div class="col-sm-8">
                    <div class="form-group">
                        {!! Form::label('product_description', __('lang_v1.product_description') . ':') !!}
                        {!! Form::textarea('product_description', !empty($duplicate_product->product_description) ? $duplicate_product->product_description : null, ['class' => 'form-control bd-rd-7']); !!}
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('image', __('lang_v1.product_image') . ':') !!}
                        {!! Form::file('image', ['id' => 'upload_image', 'accept' => 'image/*',
                        'required' => $is_image_required, 'class' => 'upload-element']); !!}
                        <small>
                            <p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p>
                        </small>
                    </div>
                </div> 
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('product_brochure', __('lang_v1.product_brochure') . ':') !!}
                        {!! Form::file('product_brochure', ['id' => 'product_brochure', 'accept' => implode(',', array_keys(config('constants.document_upload_mimes_types'))), 'class' => 'upload-brochure']); !!}
                        <small>
                            <p class="help-block">
                                @lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])
                                @includeIf('components.document_help_text')
                            </p>
                        </small>
                    </div>
                </div>
            </div>
        @endcomponent

        <div class="card h-100 shadow-lg mb-20"  id="accordion_cp">
            <div class="card-header pb-0 pt-3 bg-transparent" id="SectionAn">
                <h5 class="text-capitalize">
                <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
              <i class="fa fa-plus text-primary text-lg opacity-10"></i>
              </span> @lang('lang_v1.additional_notes')</h5>
                <div class="heading-elements text-dark header-collapse">
                  <ul class="list-inline mb-0">
                    <li data-toggle="tooltip" title="@lang('lang_v1.expand_hide')"><a data-toggle="collapse" data-target="#collapseAn" aria-expanded="false" aria-controls="collapseAn"></a></li>
                  </ul>
                </div>

            </div>
            <div id="collapseAn" class="collapse" aria-labelledby="SectionAn" aria-expanded="false">
                
                <div class="card-body p-3">
                    <div class="row pad-15">
                        <hr class="line-light-1">
                        @if(session('business.enable_product_expiry'))

                        @if(session('business.expiry_type') == 'add_expiry')
                        @php
                        $expiry_period = 12;
                        $hide = true;
                        @endphp
                        @else
                        @php
                        $expiry_period = null;
                        $hide = false;
                        @endphp
                        @endif
                        <div class="col-sm-4 @if($hide) hide @endif">
                            <div class="form-group">
                                <div class="multi-input">
                                    {!! Form::label('expiry_period', __('product.expires_in') . ':') !!}<br>
                                    {!! Form::text('expiry_period', !empty($duplicate_product->expiry_period) ? @num_format($duplicate_product->expiry_period) : $expiry_period, ['class' => 'form-control pull-left input_number bd-rd-7',
                                    'placeholder' => __('product.expiry_period'), 'style' => 'width:60%;']); !!}
                                    {!! Form::select('expiry_period_type', ['months'=>__('product.months'), 'days'=>__('product.days'), '' =>__('product.not_applicable') ], !empty($duplicate_product->expiry_period_type) ? $duplicate_product->expiry_period_type : 'months', ['class' => 'form-control select2 pull-left', 'style' => 'width:40%;', 'id' => 'expiry_period_type']); !!}
                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="col-sm-4">
                            <div class="form-group">
                                <br>
                                <label>
                                    {!! Form::checkbox('enable_sr_no', 1, !(empty($duplicate_product)) ? $duplicate_product->enable_sr_no : false, ['class' => 'input-icheck']); !!} <strong>@lang('lang_v1.enable_imei_or_sr_no')</strong>
                                </label> @show_tooltip(__('lang_v1.tooltip_sr_no'))
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <br>
                                <label>
                                    {!! Form::checkbox('not_for_selling', 1, !(empty($duplicate_product)) ? $duplicate_product->not_for_selling : false, ['class' => 'input-icheck']); !!} <strong>@lang('lang_v1.not_for_selling')</strong>
                                </label> @show_tooltip(__('lang_v1.tooltip_not_for_selling'))
                            </div>
                        </div>

                        <div class="clearfix"></div>

                        <!-- Rack, Row & position number -->
                        @if(session('business.enable_racks') || session('business.enable_row') || session('business.enable_position'))
                        <div class="col-md-12">
                            <h5>@lang('lang_v1.rack_details'):
                                @show_tooltip(__('lang_v1.tooltip_rack_details'))
                            </h5>
                        </div>
                        @foreach($business_locations as $id => $location)
                        <div class="col-sm-3">
                            <div class="form-group">
                                {!! Form::label('rack_' . $id, $location . ':') !!}

                                @if(session('business.enable_racks'))
                                {!! Form::text('product_racks[' . $id . '][rack]', !empty($rack_details[$id]['rack']) ? $rack_details[$id]['rack'] : null, ['class' => 'form-control bd-rd-7', 'id' => 'rack_' . $id,
                                'placeholder' => __('lang_v1.rack')]); !!}
                                @endif

                                @if(session('business.enable_row'))
                                {!! Form::text('product_racks[' . $id . '][row]', !empty($rack_details[$id]['row']) ? $rack_details[$id]['row'] : null, ['class' => 'form-control bd-rd-7', 'placeholder' => __('lang_v1.row')]); !!}
                                @endif

                                @if(session('business.enable_position'))
                                {!! Form::text('product_racks[' . $id . '][position]', !empty($rack_details[$id]['position']) ? $rack_details[$id]['position'] : null, ['class' => 'form-control bd-rd-7', 'placeholder' => __('lang_v1.position')]); !!}
                                @endif
                            </div>
                        </div>
                        @endforeach
                        @endif

                        <div class="col-sm-4">
                            <div class="form-group">
                                {!! Form::label('weight', __('lang_v1.weight') . ':') !!}
                                {!! Form::text('weight', !empty($duplicate_product->weight) ? $duplicate_product->weight : null, ['class' => 'form-control bd-rd-7', 'placeholder' => '']); !!}
                            </div>
                        </div>
                        @php
                        $custom_labels = json_decode(session('business.custom_labels'), true);
                        $product_custom_fields = !empty($custom_labels['product']) ? $custom_labels['product'] : [];
                        $product_cf_details = !empty($custom_labels['product_cf_details']) ? $custom_labels['product_cf_details'] : [];

                        @endphp
                        <!--custom fields-->
                        <div class="clearfix"></div>

                        @foreach($product_custom_fields as $index => $cf)
                            @if(!empty($cf))
                                @php
                                    $db_field_name = 'product_custom_field' . $loop->iteration;
                                    $cf_type = !empty($product_cf_details[$loop->iteration]['type']) ? $product_cf_details[$loop->iteration]['type'] : 'text';
                                    $dropdown = !empty($product_cf_details[$loop->iteration]['dropdown_options']) ? explode(PHP_EOL, $product_cf_details[$loop->iteration]['dropdown_options']) : [];
                                @endphp

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        {!! Form::label($db_field_name, $cf . ':') !!}

                                        @if(in_array($cf_type, ['text', 'date']))
                                        
                                            <input type="{{$cf_type}}" name="{{$db_field_name}}" id="{{$db_field_name}}" value="{{!empty($duplicate_product->$db_field_name) ? $duplicate_product->$db_field_name : null}}" class="form-control bd-rd-7" placeholder="{{$cf}}">

                                        @elseif($cf_type == 'dropdown')
                                            {!! Form::select($db_field_name, $dropdown, !empty($duplicate_product->$db_field_name) ? $duplicate_product->$db_field_name : null, ['placeholder' => $cf, 'class' => 'form-control select2']); !!}
                                        @endif
                                    </div>
                                </div>
                            @endif
                        @endforeach

                        <div class="col-sm-4">
                            <div class="form-group">
                                {!! Form::label('preparation_time_in_minutes', __('lang_v1.preparation_time_in_minutes') . ':') !!}
                                {!! Form::number('preparation_time_in_minutes', !empty($duplicate_product->preparation_time_in_minutes) ? $duplicate_product->preparation_time_in_minutes : null, ['class' => 'form-control bd-rd-7', 'placeholder' => '']); !!}
                            </div>
                        </div>
                        <!--custom fields-->
                        <div class="clearfix"></div>
                        @include('layouts.partials.module_form_part')
                    </div>
                </div>
            </div>
        </div>

        @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fa-plus text-primary', 'title' => __( 'lang_v1.more_info')])
            <hr class="line-light-1">
            <div class="row pad-15">
                <div class="col-sm-4 @if(!session('business.enable_price_tax')) hide @endif">
                    <div class="form-group">
                        {!! Form::label('tax', __('product.applicable_tax') . ':') !!}
                        {!! Form::select('tax', $taxes, !empty($duplicate_product->tax) ? $duplicate_product->tax : null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2'], $tax_attributes); !!}
                    </div>
                </div>
                <div class="col-sm-4 @if(!session('business.enable_price_tax')) hide @endif">
                    <div class="form-group">
                        {!! Form::label('tax_type', __('product.selling_price_tax_type') . ':*') !!}
                        {!! Form::select('tax_type', ['inclusive' => __('product.inclusive'), 'exclusive' => __('product.exclusive')], !empty($duplicate_product->tax_type) ? $duplicate_product->tax_type : 'exclusive',
                        ['class' => 'form-control select2', 'required']); !!}
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('type', __('product.product_type') . ':*') !!} @show_tooltip(__('tooltip.product_type'))
                        {!! Form::select('type', $product_types, !empty($duplicate_product->type) ? $duplicate_product->type : null, ['class' => 'form-control select2',
                        'required', 'data-action' => !empty($duplicate_product) ? 'duplicate' : 'add', 'data-product_id' => !empty($duplicate_product) ? $duplicate_product->id : '0']); !!}
                    </div>
                </div>
                <div class="form-group col-sm-12" id="product_form_part">
                    @include('product.partials.single_product_form_part', ['profit_percent' => $default_profit_percent])
                </div>
                <input type="hidden" id="variation_counter" value="1">
                <input type="hidden" id="default_profit_percent" value="{{ $default_profit_percent }}">
            </div>
        @endcomponent
        <div class="card h-100 shadow-lg mb-20">
            <div class="card-body p-3">
                <div class="row">
                    <div class="col-sm-12">
                        <input type="hidden" name="submit_type" id="submit_type">
                        <div class="text-center">
                            <div class="btn-group">
                                @if($selling_price_group_count)
                                <button type="submit" value="submit_n_add_selling_prices" class="btn btn-success btn-big submit_product_form mb-10">@lang('lang_v1.save_n_add_selling_price_group_prices')</button>
                                @endif

                                @can('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 bg-purple btn-big submit_product_form ps-2 mb-10">@lang('lang_v1.save_n_add_opening_stock')</button>
                                @endcan

                                <button type="submit" value="save_n_add_another" class="btn bg-maroon btn-big submit_product_form ps-2 mb-10">@lang('lang_v1.save_n_add_another')</button>

                                <button type="submit" value="submit" class="btn btn-success btn-big submit_product_form ps-2 mb-10">@lang('messages.save')</button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

</section>
<!-- /.content -->
</div>
@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);
            // }
        });

        var brfileinput_setting = {
            showUpload: false,
            showPreview: false,
            browseLabel: LANG.file_browse_label,
            removeLabel: LANG.remove,
        };
    $('.upload-brochure').fileinput(brfileinput_setting);
    });
</script>
@endsection