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

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('product.add_new_product')</h1>
        <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
            <li class="active">Here</li>
        </ol> -->
        @include('video.video_modal') 
    </section>

    <!-- Main content -->
    <section class="content">
        @php
            $form_class = empty($duplicate_product) ? 'create' : '';
            $is_image_required = !empty($common_settings['is_product_image_required']);
            $enabled_products_modules = (array) (!empty(session('business.enabled_products_modules'))
                ? session('business.enabled_products_modules')
                : []);
        @endphp
        {!! Form::open([
            'url' => action([\App\Http\Controllers\ProductController::class, 'store']),
            'method' => 'post',
            'id' => 'product_add_form',
            'class' => 'product_form ' . $form_class,
            'files' => true,
        ]) !!}
        @component('components.widget', ['class' => 'box-primary'])
            <div class="row">
                <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',
                            'required',
                            'placeholder' => __('product.product_name'),
                        ]) !!}
                    </div>
                </div>

                <div class="col-sm-4 @if (!in_array('enable_sku_symbol', $enabled_products_modules)) hide @endif">
                    <div class="form-group">
                        {!! Form::label('sku', __('product.sku') . ':') !!} @show_tooltip(__('tooltip.sku'))
                        {!! Form::text('sku', null, ['class' => 'form-control', 'placeholder' => __('product.sku')]) !!}
                    </div>
                </div>


                <div class="col-sm-4 @if (!in_array('enable_barcode_type', $enabled_products_modules)) hide @endif">
                    <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 class="clearfix"></div>
                <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 btn-default bg-white btn-flat 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 (!in_array('enable_brand', $enabled_products_modules)) 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 btn-default bg-white btn-flat 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 (!in_array('enable_categories', $enabled_products_modules)) 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 class="col-sm-4 @if (!in_array('enable_categories', $enabled_products_modules)) 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 @if (!in_array('enable_product_location', $enabled_products_modules)) hide @endif">
                    <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 class="clearfix"></div>
                @if (in_array('enable_stock_management', $enabled_products_modules))
                    <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', 'placeholder' => __('product.alert_quantity'), 'min' => '0'],
                            ) !!}
                        </div>
                    </div>
                @endif
                @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 class="clearfix"></div>
                <div class="col-sm-8 @if (!in_array('enable_description', $enabled_products_modules)) hide @endif">
                    <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'],
                        ) !!}
                    </div>
                </div>
                <div class="col-sm-4 @if (!in_array('enable_product_image', $enabled_products_modules)) hide @endif">
                    <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>
           @if($upload_file)
                <div class="col-sm-4 @if (!in_array('enable_product_brochure', $enabled_products_modules)) hide @endif">
                    <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'))),
                        ]) !!}
                        <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>
            @endif
        @endcomponent

        @component('components.widget', ['class' => 'box-primary'])
            <div class="row">
                @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',
                                        '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 @if (!in_array('enable_serial_number', $enabled_products_modules)) hide @endif">
                    <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 @if (!in_array('enable_not_for_sale_button', $enabled_products_modules)) hide @endif">
                    <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">
                        <h4>@lang('lang_v1.rack_details'):
                            @show_tooltip(__('lang_v1.tooltip_rack_details'))
                        </h4>
                    </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', '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', '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', 'placeholder' => __('lang_v1.position')],
                                    ) !!}
                                @endif
                            </div>
                        </div>
                    @endforeach
                @endif

                <div class="col-sm-4 @if (!in_array('enable_weight', $enabled_products_modules)) hide @endif">
                    <div class="form-group">
                        {!! Form::label('weight', __('lang_v1.weight') . ':') !!}
                        {!! Form::text('weight', !empty($duplicate_product->weight) ? $duplicate_product->weight : null, [
                            'class' => 'form-control',
                            'placeholder' => __('lang_v1.weight'),
                        ]) !!}
                    </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>
                @if (in_array('enable_stock_management', $enabled_products_modules))
                    @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-3">
                                <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" 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
                @endif
                <div class="col-sm-3">
                    <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', 'placeholder' => __('lang_v1.preparation_time_in_minutes')],
                        ) !!}
                    </div>
                </div>
                <!--custom fields-->
                <div class="clearfix"></div>
                @include('layouts.partials.module_form_part')
            </div>
        @endcomponent

        @component('components.widget', ['class' => 'box-primary'])
            <div class="row">

                <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 @if (!in_array('enable_type', $enabled_products_modules)) hide @endif ">
                    <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="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="tw-dw-btn tw-dw-btn-warning tw-dw-btn-lg tw-text-white submit_product_form">@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="tw-dw-btn tw-dw-btn-lg tw-text-white bg-purple submit_product_form">@lang('lang_v1.save_n_add_opening_stock')</button>
                        @endcan

                        <button type="submit" value="save_n_add_another"
                            class="tw-dw-btn tw-dw-btn-lg bg-maroon submit_product_form">@lang('lang_v1.save_n_add_another')</button>

                        <button type="submit" value="submit"
                            class="tw-dw-btn tw-dw-btn-primary tw-dw-btn-lg tw-text-white submit_product_form">@lang('messages.save')</button>
                    </div>

                </div>
            </div>
        </div>
        {!! Form::close() !!}
        @include('video.video_modal') 
    </section>
    <!-- /.content -->

@endsection

@section('javascript')

    <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>
        $(document).ready(function() {
            $('.payment_amount').on('input', function() {
                let input = $(this);
                let val = input.val();

                // Allow only digits and one decimal point
                let cleaned = val.replace(/[^0-9.]/g, '');

                // Handle multiple dots (keep only the first)
                let parts = cleaned.split('.');
                let integerPart = parts[0];
                let decimalPart = parts[1] !== undefined ? parts[1].slice(0, 2) : '';

                // Add commas to integer part
                let formattedInt = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');

                // Don't add dot if user typed it but there's no decimal part yet
                let result = decimalPart !== '' ?
                    `${formattedInt}.${decimalPart}` :
                    cleaned.endsWith('.') ? `${formattedInt}.` : formattedInt;

                input.val(result);
            });

            // On form submit: remove commas
            $('form').on('submit', function() {
                $('.payment_amount').each(function() {
                    $(this).val($(this).val().replace(/,/g, ''));
                });
            });
        });

    @endsection