/home/brandsfa/www/storage/framework/views/0c143855dd749566a039910996ef9641.php
<?php $__env->startSection('title', translate('product_Add')); ?>
<?php $__env->startPush('css_or_js'); ?>
<link href="<?php echo e(dynamicAsset(path: 'public/assets/back-end/css/tags-input.min.css')); ?>" rel="stylesheet">
<link href="<?php echo e(dynamicAsset(path: 'public/assets/select2/css/select2.min.css')); ?>" rel="stylesheet">
<link href="<?php echo e(dynamicAsset(path: 'public/assets/back-end/plugins/summernote/summernote.min.css')); ?>" rel="stylesheet">
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
<div class="content container-fluid">
<div class="d-flex flex-wrap gap-2 align-items-center mb-3">
<h2 class="h1 mb-0 d-flex gap-2">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/inhouse-product-list.png')); ?>" alt="">
<?php echo e(translate('add_New_Product')); ?>
</h2>
</div>
<form class="product-form text-start" action="<?php echo e(route('admin.products.store')); ?>" method="POST"
enctype="multipart/form-data" id="product_form">
<?php echo csrf_field(); ?>
<div class="card">
<div class="px-4 pt-3">
<ul class="nav nav-tabs w-fit-content mb-4">
<?php $__currentLoopData = $languages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $lang): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li class="nav-item">
<span class="nav-link text-capitalize form-system-language-tab <?php echo e($lang == $defaultLanguage ? 'active' : ''); ?> cursor-pointer"
id="<?php echo e($lang); ?>-link"><?php echo e(getLanguageName($lang) . '(' . strtoupper($lang) . ')'); ?></span>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
<div class="card-body">
<?php $__currentLoopData = $languages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $lang): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="<?php echo e($lang != $defaultLanguage ? 'd-none' : ''); ?> form-system-language-form"
id="<?php echo e($lang); ?>-form">
<div class="form-group">
<label class="title-color"
for="<?php echo e($lang); ?>_name"><?php echo e(translate('product_name')); ?>
(<?php echo e(strtoupper($lang)); ?>)
</label>
<input type="text" <?php echo e($lang == $defaultLanguage ? 'required' : ''); ?> name="name[]"
id="<?php echo e($lang); ?>_name" class="form-control" placeholder="New Product">
</div>
<input type="hidden" name="lang[]" value="<?php echo e($lang); ?>">
<div class="form-group pt-2">
<label class="title-color"
for="<?php echo e($lang); ?>_description"><?php echo e(translate('description')); ?>
(<?php echo e(strtoupper($lang)); ?>)</label>
<textarea class="summernote" name="description[]"><?php echo e(old('details')); ?></textarea>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<div class="card mt-3 rest-part">
<div class="card-header">
<div class="d-flex gap-2">
<i class="tio-user-big"></i>
<h4 class="mb-0"><?php echo e(translate('general_setup')); ?></h4>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label for="name" class="title-color"><?php echo e(translate('category')); ?></label>
<select class="js-select2-custom form-control action-get-request-onchange" name="category_id"
data-url-prefix="<?php echo e(url('/admin/products/get-categories?parent_id=')); ?>"
data-element-id="sub-category-select"
data-element-type="select"
required>
<option value="<?php echo e(old('category_id')); ?>" selected
disabled><?php echo e(translate('select_category')); ?></option>
<?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($category['id']); ?>"
<?php echo e(old('name') == $category['id'] ? 'selected' : ''); ?>>
<?php echo e($category['defaultName']); ?>
</option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label for="name" class="title-color"><?php echo e(translate('sub_Category')); ?></label>
<select class="js-select2-custom form-control action-get-request-onchange" name="sub_category_id"
id="sub-category-select"
data-url-prefix="<?php echo e(url('/admin/products/get-categories?parent_id=')); ?>"
data-element-id="sub-sub-category-select"
data-element-type="select">
<option value="<?php echo e(null); ?>" selected
disabled><?php echo e(translate('select_Sub_Category')); ?></option>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label for="name" class="title-color"><?php echo e(translate('sub_Sub_Category')); ?></label>
<select class="js-select2-custom form-control" name="sub_sub_category_id"
id="sub-sub-category-select">
<option value="<?php echo e(null); ?>" selected disabled>
<?php echo e(translate('select_Sub_Sub_Category')); ?>
</option>
</select>
</div>
</div>
<?php if($brandSetting): ?>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label class="title-color"><?php echo e(translate('brand')); ?></label>
<select class="js-select2-custom form-control" name="brand_id" required>
<option value="<?php echo e(null); ?>" selected
disabled><?php echo e(translate('select_Brand')); ?></option>
<?php $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($brand['id']); ?>"><?php echo e($brand['defaultName']); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<?php endif; ?>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label class="title-color"><?php echo e(translate('product_type')); ?></label>
<select name="product_type" id="product_type" class="form-control" required>
<option value="physical" selected><?php echo e(translate('physical')); ?></option>
<?php if($digitalProductSetting): ?>
<option value="digital"><?php echo e(translate('digital')); ?></option>
<?php endif; ?>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3" id="digital_product_type_show">
<div class="form-group">
<label for="digital_product_type"
class="title-color"><?php echo e(translate("delivery_type")); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('for_“Ready_Product”_deliveries,_customers_can_pay_&_instantly_download_pre-uploaded_digital_products._For_“Ready_After_Sale”_deliveries,_customers_pay_first,_then_admin_uploads_the_digital_products_that_become_available_to_customers_for_download')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
<select name="digital_product_type" id="digital_product_type" class="form-control"
required>
<option value="<?php echo e(old('category_id')); ?>" selected disabled>
---<?php echo e(translate('select')); ?>---
</option>
<option value="ready_after_sell"><?php echo e(translate("ready_After_Sell")); ?></option>
<option value="ready_product"><?php echo e(translate("ready_Product")); ?></option>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3" id="digital_file_ready_show">
<div class="form-group">
<div class="d-flex align-items-center gap-2 mb-2">
<label for="digital_file_ready" class="title-color mb-0">
<?php echo e(translate("upload_file")); ?>
</label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('upload_the_digital_products_from_here')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<div class="input-group">
<div class="custom-file">
<input type="file" class="custom-file-input" name="digital_file_ready"
id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
<label class="custom-file-label"
for="inputGroupFile01"><?php echo e(translate('choose_file')); ?></label>
</div>
</div>
<div class="mt-2"><?php echo e(translate('file_type')); ?>: <?php echo e("jpg, jpeg, png, gif, zip, pdf"); ?></div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<label class="title-color d-flex justify-content-between gap-2">
<span class="d-flex align-items-center gap-2">
<?php echo e(translate('product_SKU')); ?>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('create_a_unique_product_code_by_clicking_on_the_“Generate_Code”_button')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</span>
<span class="style-one-pro cursor-pointer user-select-none text--primary action-onclick-generate-number" data-input="#generate_number">
<?php echo e(translate('generate_code')); ?>
</span>
</label>
<input type="text" minlength="6" id="generate_number" name="code"
class="form-control" value="<?php echo e(old('code')); ?>"
placeholder="<?php echo e(translate('ex').': 161183'); ?>" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3 physical_product_show">
<div class="form-group">
<label class="title-color"><?php echo e(translate('unit')); ?></label>
<select class="js-example-basic-multiple form-control" name="unit">
<?php $__currentLoopData = units(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $unit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($unit); ?>" <?php echo e(old('unit') == $unit ? 'selected' : ''); ?>>
<?php echo e($unit); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<div class="col-md-9">
<div class="form-group">
<label class="title-color d-flex align-items-center gap-2">
<?php echo e(translate('search_tags')); ?>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_the_product_search_tag_for_this_product_that_customers_can_use_to_search_quickly')); ?>">
<img width="16" src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</label>
<input type="text" class="form-control" placeholder="<?php echo e(translate('enter_tag')); ?>"
name="tags" data-role="tagsinput">
</div>
</div>
</div>
</div>
</div>
<div class="card mt-3 rest-part">
<div class="card-header">
<div class="d-flex gap-2">
<i class="tio-user-big"></i>
<h4 class="mb-0"><?php echo e(translate('pricing_&_others')); ?></h4>
</div>
</div>
<div class="card-body">
<div class="row align-items-end">
<div class="col-md-6 col-lg-4 col-xl-3 d-none">
<div class="form-group">
<div class="d-flex gap-2 mb-2">
<label class="title-color mb-0"><?php echo e(translate('purchase_price')); ?>
(<?php echo e(getCurrencySymbol(currencyCode: getCurrencyCode())); ?>
)</label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_the_purchase_price_for_this_product')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" step="0.01"
placeholder="<?php echo e(translate('purchase_price')); ?>"
value="<?php echo e(old('purchase_price')); ?>" name="purchase_price"
class="form-control" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<div class="d-flex gap-2 mb-2">
<label class="title-color mb-0"><?php echo e(translate('unit_price')); ?>
(<?php echo e(getCurrencySymbol(currencyCode: getCurrencyCode())); ?>)</label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('set_the_selling_price_for_each_unit_of_this_product._This_Unit_Price_section_won’t_be_applied_if_you_set_a_variation_wise_price')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" step="0.01"
placeholder="<?php echo e(translate('unit_price')); ?>" name="unit_price"
value="<?php echo e(old('unit_price')); ?>" class="form-control" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3" id="minimum_order_qty">
<div class="form-group">
<div class="d-flex gap-2 mb-2">
<label class="title-color mb-0"
for="minimum_order_qty"><?php echo e(translate('minimum_order_qty')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('set_the_minimum_order_quantity_that_customers_must_choose._Otherwise,_the_checkout_process_won’t_start')); ?>.">
<img src="<?php echo e(asset('public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="1" value="1" step="1"
placeholder="<?php echo e(translate('minimum_order_quantity')); ?>" name="minimum_order_qty"
id="minimum_order_qty" class="form-control" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3 physical_product_show" id="quantity">
<div class="form-group">
<div class="d-flex gap-2 mb-2">
<label class="title-color mb-0"
for="current_stock"><?php echo e(translate('current_stock_qty')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_the_Stock_Quantity_of_this_product_that_will_be_visible_to_customers')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" value="0" step="1"
placeholder="<?php echo e(translate('quantity')); ?>" name="current_stock" id="current_stock"
class="form-control" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<div class="d-flex gap-2 mb-2">
<label class="title-color mb-0"
for="discount_Type"><?php echo e(translate('discount_Type')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('if_“Flat”,_discount_amount_will_be_set_as_fixed_amount._If_“Percentage”,_discount_amount_will_be_set_as_percentage.')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<select class="form-control" name="discount_type" id="discount_type">
<option value="flat"><?php echo e(translate('flat')); ?></option>
<option value="percent"><?php echo e(translate('percent')); ?></option>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<div class="d-flex gap-2">
<label class="title-color" for="discount"><?php echo e(translate('discount_amount')); ?> <span
class="discount_amount_symbol">(<?php echo e(getCurrencySymbol(currencyCode: getCurrencyCode())); ?>)</span></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_the_discount_amount_in_percentage_or_a_fixed_value_here')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" value="0" step="0.01"
placeholder="<?php echo e(translate('ex: 5')); ?>"
name="discount" id="discount" class="form-control" required>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<div class="d-flex gap-2">
<label class="title-color" for="tax"><?php echo e(translate('tax_amount')); ?>(%)</label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('set_the_Tax_Amount_in_percentage_here')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" step="0.01"
placeholder="<?php echo e(translate('ex: 5')); ?>" name="tax" id="tax"
value="<?php echo e(old('tax') ?? 0); ?>" class="form-control">
<input name="tax_type" value="percent" class="d-none">
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="form-group">
<div class="d-flex gap-2">
<label class="title-color"
for="tax_model"><?php echo e(translate('tax_calculation')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('set_the_tax_calculation_method_from_here._Select_“Include_with_product”_to_combine_product_price_and_tax_on_the_checkout._Pick_“Exclude_from_product”_to_display_product_price_and_tax_amount_separately.')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<select name="tax_model" id="tax_model" class="form-control" required>
<option value="include"><?php echo e(translate("include_with_product")); ?></option>
<option value="exclude"><?php echo e(translate("exclude_with_product")); ?></option>
</select>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3 physical_product_show" id="shipping_cost">
<div class="form-group">
<div class="d-flex gap-2">
<label class="title-color"><?php echo e(translate('shipping_cost')); ?>
(<?php echo e(getCurrencySymbol(currencyCode: getCurrencyCode())); ?>)</label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('set_the_shipping_cost_for_this_product_here._Shipping_cost_will_only_be_applicable_if_product-wise_shipping_is_enabled.')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
<input type="number" min="0" value="0" step="1"
placeholder="<?php echo e(translate('shipping_cost')); ?>" name="shipping_cost"
class="form-control" required>
</div>
</div>
<div class="col-md-6 physical_product_show" id="shipping_cost_multy">
<div class="form-group">
<div
class="form-control h-auto min-form-control-height d-flex align-items-center flex-wrap justify-content-between gap-2">
<div class="d-flex gap-2">
<label class="title-color text-capitalize"
for="shipping_cost"><?php echo e(translate('shipping_cost_multiply_with_quantity')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('if_enabled,_the_shipping_charge_will_increase_with_the_product_quantity')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</div>
<div>
<label class="switcher">
<input type="checkbox" class="switcher_input" name="multiply_qty">
<span class="switcher_control"></span>
</label>
</div>
</div>
</div>
</div>
<div class="col-md-6 physical_product_show" id="free_shipping_cost">
<div class="form-group">
<div
class="form-control h-auto min-form-control-height d-flex align-items-center flex-wrap justify-content-between gap-2">
<div class="d-flex gap-2">
<label class="title-color text-capitalize"
for="free_shipping"><?php echo e(translate('free_shipping_cost')); ?></label>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('if_enabled,_the_shipping_charge_will_free_with_this_product_quantity')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</div>
<div>
<label class="switcher">
<input type="checkbox" class="switcher_input" name="free_shipping">
<span class="switcher_control"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mt-3 rest-part physical_product_show">
<div class="card-header">
<div class="d-flex gap-2">
<i class="tio-user-big"></i>
<h4 class="mb-0"><?php echo e(translate('product_variation_setup')); ?></h4>
</div>
</div>
<div class="card-body">
<div class="row align-items-end">
<div class="col-md-6">
<div class="mb-3 d-flex align-items-center gap-2">
<label for="colors" class="title-color mb-0">
<?php echo e(translate('select_colors')); ?> :
</label>
<label class="switcher">
<input type="checkbox" class="switcher_input" id="product-color-switcher"
value="<?php echo e(old('colors_active')); ?>"
name="colors_active">
<span class="switcher_control"></span>
</label>
</div>
<select
class="js-example-basic-multiple js-states js-example-responsive form-control color-var-select"
name="colors[]" multiple="multiple" id="colors-selector" disabled>
<?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($color->code); ?>">
<?php echo e($color['name']); ?>
</option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="col-md-6">
<label for="choice_attributes" class="title-color">
<?php echo e(translate('select_attributes')); ?> :
</label>
<select class="js-example-basic-multiple js-states js-example-responsive form-control"
name="choice_attributes[]" id="choice_attributes" multiple="multiple">
<?php $__currentLoopData = $attributes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $a): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($a['id']); ?>">
<?php echo e($a['name']); ?>
</option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="col-md-12 mt-2 mb-2">
<div class="row customer_choice_options mt-2" id="customer_choice_options"></div>
<div class="form-group sku_combination" id="sku_combination"></div>
</div>
</div>
</div>
</div>
<div class="mt-3 rest-part">
<div class="row g-2">
<div class="col-md-3">
<div class="card h-100">
<div class="card-body">
<div class="form-group">
<div class="d-flex align-items-center justify-content-between gap-2 mb-3">
<div>
<label for="name"
class="title-color text-capitalize font-weight-bold mb-0"><?php echo e(translate('product_thumbnail')); ?></label>
<span
class="badge badge-soft-info"><?php echo e(THEME_RATIO[theme_root_path()]['Product Image']); ?></span>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_your_product’s_thumbnail_in')); ?> JPG, PNG or JPEG <?php echo e(translate('format_within')); ?> 2MB">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</div>
</div>
<div>
<div class="custom_upload_input">
<input type="file" name="image" class="custom-upload-input-file action-upload-color-image" id=""
data-imgpreview="pre_img_viewer"
accept=".jpg, .webp, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">
<span class="delete_file_input btn btn-outline-danger btn-sm square-btn d--none">
<i class="tio-delete"></i>
</span>
<div class="img_area_with_preview position-absolute z-index-2">
<img id="pre_img_viewer" class="h-auto aspect-1 bg-white d-none"
src="dummy" alt="">
</div>
<div
class="position-absolute h-100 top-0 w-100 d-flex align-content-center justify-content-center">
<div
class="d-flex flex-column justify-content-center align-items-center">
<img alt="" class="w-75"
src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg')); ?>">
<h3 class="text-muted"><?php echo e(translate('Upload_Image')); ?></h3>
</div>
</div>
</div>
<p class="text-muted mt-2">
<?php echo e(translate('image_format')); ?> : <?php echo e("Jpg, png, jpeg, webp,"); ?>
<br>
<?php echo e(translate('image_size')); ?> : <?php echo e(translate('max')); ?> <?php echo e("2 MB"); ?></p>
</div>
</div>
</div>
</div>
</div>
<div class="color_image_column col-md-9 d-none">
<div class="card h-100">
<div class="card-body">
<div class="form-group">
<div class="d-flex align-items-center justify-content-between gap-2 mb-2">
<div>
<label for="name"
class="title-color text-capitalize font-weight-bold mb-0"><?php echo e(translate('colour_wise_product_image')); ?></label>
<span
class="badge badge-soft-info"><?php echo e(THEME_RATIO[theme_root_path()]['Product Image']); ?></span>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_color-wise_product_images_here')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</div>
</div>
<p class="text-muted"><?php echo e(translate('must_upload_colour_wise_images_first._Colour_is_shown_in_the_image_section_top_right')); ?>
. </p>
<div id="color-wise-image-section" class="row g-2"></div>
</div>
</div>
</div>
</div>
<div class="additional_image_column col-md-9">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between gap-2 mb-2">
<div>
<label for="name"
class="title-color text-capitalize font-weight-bold mb-0"><?php echo e(translate('upload_additional_image')); ?></label>
<span
class="badge badge-soft-info"><?php echo e(THEME_RATIO[theme_root_path()]['Product Image']); ?></span>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('upload_any_additional_images_for_this_product_from_here')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
</div>
<p class="text-muted"><?php echo e(translate('upload_additional_product_images')); ?></p>
<div class="row g-2" id="additional_Image_Section">
<div class="col-sm-12 col-md-4">
<div class="custom_upload_input position-relative border-dashed-2">
<input type="file" name="images[]" class="custom-upload-input-file action-add-more-image"
data-index="1" data-imgpreview="additional_Image_1"
accept=".jpg, .png, .webp, .jpeg, .gif, .bmp, .tif, .tiff|image/*"
data-target-section="#additional_Image_Section"
>
<span class="delete_file_input delete_file_input_section btn btn-outline-danger btn-sm square-btn d-none">
<i class="tio-delete"></i>
</span>
<div class="img_area_with_preview position-absolute z-index-2 border-0">
<img id="additional_Image_1" class="h-auto aspect-1 bg-white d-none "
src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg-dummy')); ?>" alt="">
</div>
<div
class="position-absolute h-100 top-0 w-100 d-flex align-content-center justify-content-center">
<div
class="d-flex flex-column justify-content-center align-items-center">
<img alt=""
src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg')); ?>"
class="w-75">
<h3 class="text-muted"><?php echo e(translate('Upload_Image')); ?></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mt-3 rest-part">
<div class="card-header">
<div class="d-flex gap-2">
<i class="tio-user-big"></i>
<h4 class="mb-0"><?php echo e(translate('product_video')); ?></h4>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_the_YouTube_video_link_here._Only_the_YouTube-embedded_link_is_supported')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</div>
</div>
<div class="card-body">
<div class="mb-3">
<label class="title-color mb-0"><?php echo e(translate('youtube_video_link')); ?></label>
<span class="text-info"> (<?php echo e(translate('optional_please_provide_embed_link_not_direct_link')); ?>.)</span>
</div>
<input type="text" name="video_url"
placeholder="<?php echo e(translate('ex').': https://www.youtube.com/embed/5R06LRdUCSE'); ?>"
class="form-control" required>
</div>
</div>
<div class="card mt-3 rest-part">
<div class="card-header">
<div class="d-flex gap-2">
<i class="tio-user-big"></i>
<h4 class="mb-0">
<?php echo e(translate('seo_section')); ?>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
data-placement="top"
title="<?php echo e(translate('add_meta_titles_descriptions_and_images_for_products').', '.translate('this_will_help_more_people_to_find_them_on_search_engines_and_see_the_right_details_while_sharing_on_other_social_platforms')); ?>">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</h4>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label class="title-color">
<?php echo e(translate('meta_Title')); ?>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
data-placement="top"
title="<?php echo e(translate('add_the_products_title_name_taglines_etc_here').' '.translate('this_title_will_be_seen_on_Search_Engine_Results_Pages_and_while_sharing_the_products_link_on_social_platforms') .' [ '. translate('character_Limit')); ?> : 100 ]">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</label>
<input type="text" name="meta_title" placeholder="<?php echo e(translate('meta_Title')); ?>"
class="form-control">
</div>
<div class="form-group">
<label class="title-color">
<?php echo e(translate('meta_Description')); ?>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
data-placement="top"
title="<?php echo e(translate('write_a_short_description_of_the_InHouse_shops_product').' '.translate('this_description_will_be_seen_on_Search_Engine_Results_Pages_and_while_sharing_the_products_link_on_social_platforms') .' [ '. translate('character_Limit')); ?> : 100 ]">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>" alt="">
</span>
</label>
<textarea rows="4" type="text" name="meta_description" class="form-control"></textarea>
</div>
</div>
<div class="col-md-4">
<div class="d-flex justify-content-center">
<div class="form-group w-100">
<div class="d-flex align-items-center justify-content-between gap-2">
<div>
<label class="title-color" for="meta_Image">
<?php echo e(translate('meta_Image')); ?>
</label>
<span
class="badge badge-soft-info"><?php echo e(THEME_RATIO[theme_root_path()]['Meta Thumbnail']); ?></span>
<span class="input-label-secondary cursor-pointer" data-toggle="tooltip"
title="<?php echo e(translate('add_Meta_Image_in')); ?> JPG, PNG or JPEG <?php echo e(translate('format_within')); ?> 2MB, <?php echo e(translate('which_will_be_shown_in_search_engine_results')); ?>.">
<img src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg')); ?>"
alt="">
</span>
</div>
</div>
<div>
<div class="custom_upload_input">
<input type="file" name="meta_image"
class="custom-upload-input-file meta-img action-upload-color-image" id=""
data-imgpreview="pre_meta_image_viewer"
accept=".jpg, .webp, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">
<span class="delete_file_input btn btn-outline-danger btn-sm square-btn d--none">
<i class="tio-delete"></i>
</span>
<div class="img_area_with_preview position-absolute z-index-2">
<img id="pre_meta_image_viewer" class="h-auto bg-white onerror-add-class-d-none" alt=""
src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg-dummy')); ?>">
</div>
<div
class="position-absolute h-100 top-0 w-100 d-flex align-content-center justify-content-center">
<div
class="d-flex flex-column justify-content-center align-items-center">
<img alt="" class="w-75"
src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg')); ?>">
<h3 class="text-muted"><?php echo e(translate('Upload_Image')); ?></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-end gap-3 mt-3 mx-1">
<button type="reset" class="btn btn-secondary px-5"><?php echo e(translate('reset')); ?></button>
<button type="button" class="btn btn--primary px-5 product-add-requirements-check"><?php echo e(translate('submit')); ?></button>
</div>
</form>
</div>
<span id="route-admin-products-sku-combination" data-url="<?php echo e(route('admin.products.sku-combination')); ?>"></span>
<span id="image-path-of-product-upload-icon" data-path="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/icons/product-upload-icon.svg')); ?>"></span>
<span id="image-path-of-product-upload-icon-two" data-path="<?php echo e(dynamicAsset(path: 'public/assets/back-end/img/400x400/img2.jpg')); ?>"></span>
<span id="message-enter-choice-values" data-text="<?php echo e(translate('enter_choice_values')); ?>"></span>
<span id="message-upload-image" data-text="<?php echo e(translate('upload_Image')); ?>"></span>
<span id="message-file-size-too-big" data-text="<?php echo e(translate('file_size_too_big')); ?>"></span>
<span id="message-are-you-sure" data-text="<?php echo e(translate('are_you_sure')); ?>"></span>
<span id="message-yes-word" data-text="<?php echo e(translate('yes')); ?>"></span>
<span id="message-no-word" data-text="<?php echo e(translate('no')); ?>"></span>
<span id="message-want-to-add-or-update-this-product" data-text="<?php echo e(translate('want_to_add_this_product')); ?>"></span>
<span id="message-please-only-input-png-or-jpg" data-text="<?php echo e(translate('please_only_input_png_or_jpg_type_file')); ?>"></span>
<span id="message-product-added-successfully" data-text="<?php echo e(translate('product_added_successfully')); ?>"></span>
<span id="message-discount-will-not-larger-then-variant-price" data-text="<?php echo e(translate('the_discount_price_will_not_larger_then_Variant_Price')); ?>"></span>
<span id="system-currency-code" data-value="<?php echo e(getCurrencySymbol(currencyCode: getCurrencyCode())); ?>"></span>
<span id="system-session-direction" data-value="<?php echo e(Session::get('direction')); ?>"></span>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/js/tags-input.min.js')); ?>"></script>
<script src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/js/spartan-multi-image-picker.js')); ?>"></script>
<script src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/plugins/summernote/summernote.min.js')); ?>"></script>
<script src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/js/admin/product-add-update.js')); ?>"></script>
<script src="<?php echo e(dynamicAsset(path: 'public/assets/back-end/js/admin/product-add-colors-img.js')); ?>"></script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.back-end.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/brandsfa/public_html/resources/views/admin-views/product/add-new.blade.php ENDPATH**/ ?>