관리-도구

편집 파일: index.blade.php

@extends('layouts.admin.app')

@section('title', translate('product_Add'))

@push('css_or_js')
    <link href="{{ dynamicAsset(path: 'public/assets/back-end/libs/quill-editor/quill-editor.css') }}" rel="stylesheet">
@endpush

@section('content')
    <div class="content container-fluid">
        <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3">
            <h2 class="h1 mb-0">
                {{ translate('Add_New_Product') }}
            </h2>
             <a class="btn btn-primary text-capitalize"
                href="{{ route('admin.products.product-gallery') }}">
                {{ translate('add_info_from_gallery') }}
            </a>
        </div>

<form class="product-form text-start form-advance-validation form-advance-file-validation" action="{{ route('admin.products.store') }}"  method="POST"
              enctype="multipart/form-data" id="product_form" data-ajax="true" novalidate="novalidate">
             @csrf
            @include('admin-views.product.add._basic-setup')
            @include("admin-views.product.add._general-setup")
            @include("admin-views.product.add._pricing-others")
            @include("admin-views.product.add._product-variation-setup")
            <div class="row product-image-wrapper g-3 mt-0">
                @include("admin-views.product.add._additional-images")
                @include("admin-views.product.add._digital-product-file")
            </div>
            @include("admin-views.product.add._product-video")
            @include("admin-views.product.add._seo-section")
            @include("admin-views.product.partials.ai-sidebar")

<div class="d-flex justify-content-end trans3 mt-4">
                <div class="d-flex justify-content-sm-end justify-content-center gap-3 flex-grow-1 flex-grow-sm-0 bg-white action-btn-wrapper trans3">
                    <button type="reset" id="reset-btn" class="btn btn-secondary px-4 px-sm-5">
                        {{ translate('reset') }}
                    </button>
                    <button type="button" class="btn btn-primary px-4 px-sm-5 product-add-requirements-check">
                        {{ translate('submit') }}
                    </button>
                </div>
            </div>
        </form>

@if(getActiveAIProviderConfigCache())
        <div class="floating-ai-button">
            <button type="button" class="btn btn-lg rounded-circle shadow-lg" data-bs-toggle="modal" data-bs-target="#aiAssistantModal"
                data-action="main" title="AI Assistant">
                <span class="ai-btn-animation">
                    <span class="gradientCirc"></span>
                </span>
                <span class="position-relative z-1 text-white d-flex flex-column gap-1 align-items-center">
                    <img width="16" height="17" src="{{ dynamicAsset(path: 'public/assets//back-end/img/ai/hexa-ai.svg') }}" alt="">
                    <span class="fs-12 fw-semibold">{{ translate('Use_AI') }}</span>
                </span>
            </button>
            <div class="ai-tooltip">
                <span>{{translate("AI_Assistant")}}</span>
            </div>
        </div>
        @endif
    </div>

<span id="route-admin-products-sku-combination" data-url="{{ route('admin.products.sku-combination') }}"></span>
    <span id="route-admin-products-digital-variation-combination" data-url="{{ route('admin.products.digital-variation-combination') }}"></span>
    <span id="image-path-of-product-upload-icon" data-path="{{ dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg') }}"></span>
@endsection

@push('script')
    <script src="{{ dynamicAsset(path: 'public/assets/back-end/libs/quill-editor/quill-editor.js') }}"></script>
    <script src="{{ dynamicAsset(path: 'public/assets/back-end/libs/quill-editor/quill-editor-init.js') }}"></script>

$(document).on('change', '.product_variation_toggle', function () {
                toggleVisibility($(this));
            });

function toggleVisibility($toggle) {
                const $wrapper = $toggle.closest('.variation_wrapper');
                const $content = $wrapper.find('.product_variation_content');

if ($toggle.is(':checked')) {
                    $content.removeClass('d--none').stop(true, true).slideDown(200);
                } else {
                    $content.stop(true, true).slideUp(200, function () {
                        $content.addClass('d--none');
                    });
                }
            }
        });
    </script>
@endpush

관리-도구

편집 파일: index.blade.php

🔐 System Login