@extends('admin::layouts.master')

@push('styles')
    
@endpush

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{translate('Edit Master Product')}}</h5>
    </div>
    <form class="p-4" action="{{ route('admin.products.update', $product->id) }}" method="POST" id="product_edit_form">
        @if(count($errors) > 0 )
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <ul class="p-0 m-0" style="list-style: none;">
                    @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <input type="hidden" id="product_id" name="product_id" value="{{ $product->id }}">
        <div style="display:none;" class="alert alert-danger alert-dismissible fade show print-error-msg" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <ul class="p-0 m-0" style="list-style: none;">
            </ul>
        </div>

        <ul class="nav nav-tabs nav-fill border-light">
            @foreach (\Modules\Language\Entities\Language::active()->get() as $key => $language)
            <li class="nav-item">
                <a data-lang="{{strtolower($language->code)}}" data-form="product_edit_form" class="navigate-tab nav-link text-reset @if (strtolower($language->code) == "$langCode") active @else bg-soft-dark border-light border-left-0 @endif py-3" href="{{ route('admin.products.edit', [$product->id, 'lang_code'=> strtolower($language->code)]) }}">
                    <img src="{{ staticAsset('assets/img/language_icons/'.strtolower($language->code).'.svg') }}" height="15" class="mr-1">
                    <span>{{ $language->name }}</span>
                </a>
            </li>
            @endforeach
        </ul>
        <div class="row gutters-5">
        
            <div class="col-lg">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Information') }}</h5>
                    </div>
                    <div class="card-body">
                        <input type="hidden" name="lang_code" value="{{$langCode}}">
                        @csrf
                                
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label" for="name">{{ translate('Name')}} <i class="las la-language text-danger" title="{{translate('Translatable')}}"></i></label>
                            <div class="col-sm-8">
                                <input type="text" placeholder="{{ translate('Name')}}" id="name" name="name[{{$langCode}}]" class="form-control" required value="{{ $product->getTranslation('name', $langCode, true) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label">{{ translate('Unit') }}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="unit"
                                    placeholder="{{ translate('Unit (Pc/Kg/L)') }}" value="{{$product->unit}}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label">{{ translate('Available Countries') }}</label>
                            <div class="col-sm-8">
                                <select class="select2 form-control aiz-selectpicker" name="countries[]"
                                    data-toggle="select2" data-placeholder="Choose ..." data-live-search="true"
                                    data-selected="{{$product->countries->pluck('id')}}" multiple title="Select Available Countries...">

                                    @foreach (\Modules\Country\Entities\Country::active()->get() as $country)
                                        <option value="{{ $country->id }}">{{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Images') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label" for="signinSrEmail">{{ translate('Thumbnail Image') }}
                                <small>(300x300)</small></label>
                            <div class="col-md-8">
                                <div class="input-group" data-toggle="aizuploader" data-type="image" data-mu>
                                    <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" value="{{$product->thumbnail}}" class="selected-files">
                                </div>
                                <div class="file-preview box sm">
                                </div>
                                <small
                                    class="text-muted">{{ translate('This image is visible in all product box. Use 300x300 sizes image. Keep some blank space around the main object of your image as we had to crop some edge in different devices to make it responsive.') }}</small>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-3 col-form-label"
                                for="signinSrEmail">{{ translate('Gallery Images') }}<small>(600x600)</small></label>
                            <div class="col-md-8">
                                <div class="input-group" data-toggle="aizuploader" 
                                    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="gallery" value="{{$product->gallery}}" class="selected-files" accept="image/*,video/*">
                                </div>
                                <div class="file-preview box sm">
                                </div>
                                <small
                                    class="text-muted">{{ translate("These images are visible in the product details page gallery. Use 600x600 or higher sizes images for better quality. But try to keep file size low as it'll increase page load time.") }}</small>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Description') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label">{{ translate('Description') }} <i class="las la-language text-danger" title="Translatable"></i></label>
                            <div class="col-sm-8">
                                <textarea class="form-control aiz-text-editor" name="description[{{$langCode}}]">{{ $product->getTranslation('description', $langCode, true) }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                            

                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Attributes') }}</h5>
                        <button class="btn btn-soft-dark" type="button"
                            
                                    onclick="add_new_attribute('product_edit_form')">{{ translate('Add new attribute') }}</button>
                    </div>
                    <div class="card-body">          
                        <div class="alert alert-info">
                            {{ translate('These attributes will be used only for filtering.') }}</div>
                        <div class="all-attributes">
                            @foreach ($product->attributes as $productAttribute)
                                    <div class="form-group row gutters-10">
                                        <div class="col-xxl-3 col-xl-4 col-md-5 attr-names">
                                            <select class="form-control aiz-selectpicker" name="product_attributes[]"
                                                onchange="get_attributes_values(this)"
                                                data-selected="{{ $productAttribute->id }}"
                                                data-live-search="true" readonly>
                                                <option value="">{{ translate('Select an attribute') }}</option>
                                                @foreach (\Modules\Attribute\Entities\Attribute::active()->get() as $key => $attribute)
                                                    <option value="{{ $attribute->id }}">
                                                        {{ $attribute->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col attr-values">
                                            @php
                                                $attributeValues = \Modules\Attribute\Entities\AttributeValue::where('attribute_id', $productAttribute->id)->get();
                                            @endphp
                                            <select class="form-control aiz-selectpicker"
                                                name="attribute_values[{{ $productAttribute->id }}][]"
                                                data-selected="{{ $product->attributeValues->where('attribute_id', $productAttribute->id)->pluck('id') }}"
                                                multiple data-live-search="true">
                                                @foreach ($attributeValues as $key => $attributeValue)
                                                    <option value="{{ $attributeValue->id }}">
                                                        {{ $attributeValue->attribute_value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-auto">
                                            <button type="button" data-toggle="remove-parent" class="btn btn-icon p-0"
                                                data-parent=".row">
                                                <i class="la-2x la-trash las opacity-70"></i>
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                        </div>
                    </div>
                </div>

                <div class="form-group mb-5 text-right">
                                
                    <a href="{{route('admin.products')}}" class="btn btn-secondary">{{translate('Cancel')}}</a>
                        <button id="edit_master_product_submit" type="submit" class="btn btn-primary">{{translate('Update')}}</button>
                </div>
            </div>
            <div class="col col-lg-auto w-lg-300px w-xxl-400px">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Status') }}</h5>
                    </div>
                    <div class="card-body ">
                        <div class="form-group row">
                            
                            <select class="form-control aiz-selectpicker" name="status">
                                <option value="0">{{ translate('Draft') }}</option>
                                <option value="1" selected>{{ translate('Published') }}</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Category') }}</h5>
                    </div>
                    <div class="card-body ">
                        <div class="h-300px overflow-auto c-scrollbar-light">
                            <ul class="list-unstyled">
                                @foreach (\Modules\Category\Entities\Category::activeParent()->with('childrenRecursive')->active()->get() as $category)
                                    <li>
                                        <label class="aiz-checkbox">
                                            <input type="checkbox" value="{{ $category->id }}" name="category_ids[]" @if(in_array($category->id, $product->categories->pluck('id')->toArray())) checked @endif>
                                            <span class="aiz-square-check"></span>
                                            <span>{{ $category->name }}</span>
                                        </label>
                                        @if (count($category->childrenRecursive) > 0)
                                            @include('product::partials.child_category_edit_bundle', ['recursiveChildren' => $category->childrenRecursive])
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Search Tags') }}</h5>
                    </div>
                    <div class="card-body ">
                                @php
                                    $tags = implode(',', Modules\SearchTag\Entities\SearchTag::pluck('name')->toArray());
                                @endphp
                                  <input type="text" class="form-control aiz-tag-input" name="tags"
                                  placeholder="{{ translate('Type and hit enter to add a tag') }}" data-whitelist="{{$tags}}" value="{{ implode(',', $product->tags->pluck('name')->toArray()) }}">
                              <small class="text-muted">{{ translate('These will be used for product search.') }}</small>
                    </div>
                </div>
            </div>
        </div>
        
    </form>
    <!--  -->
  
    <!--  -->
@endsection

@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
  
@endsection

@section('script')
@include('product::scripts.index_scripts')

@endsection