@extends('seller.layouts.app')

@section('panel_content')

<div class="aiz-titlebar mt-2 mb-4">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h1 class="h3">{{ translate('Update your product') }}</h1>
        </div>
    </div>
</div>

<!-- Error Meassages -->
@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<form class="" action="{{route('seller.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">
                <div class="card-body">
                    <nav>
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            @foreach(get_languages() as $key=>$language)
                                <a class="nav-item nav-link  @if($loop->first ) active @endif" id="nav-home-tab"
                                   data-toggle="tab"
                                   href="#nav-{{$language->code}}" role="tab" aria-controls="nav-home"
                                   aria-selected="true">
                                    <img src="{{ static_asset('assets/img/flags/'.$language->code.'.png') }}"
                                         height="11" class="mr-1">

                                    {{$language->name}}</a>
                            @endforeach
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        @foreach(get_languages() as $key=>$language)
                            <div class="tab-pane  mb-2 fade @if($loop->first ) show active  @endif"
                                 id="nav-{{$language->code}}" role="tabpanel"
                                 aria-labelledby="nav-home-tab  ">
                                <div class="form-group row mt-1">

                                    <label class="col-lg-3 col-from-label"
                                           for="name_{{$language->code}}">{{translate('Product Name')}}
                                        <i
                                            class="las la-language text-danger"
                                            title="{{translate('Translatable')}}"></i></label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" name="name_{{$language->code}}"
                                               id="name_{{$language->code}}"
                                               placeholder="{{translate('Product Name')}}"
                                               value="{{ $product->getTranslation('name', $language->code) }}"
                                               @if($loop->first )   required @endif>
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['name']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['name']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['name']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['name']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['name']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif

                                <div class="form-group row mt-1">
                                    <label class="col-lg-3 col-from-label" for="unit_{{$language->code}}">{{translate('Unit')}} <i
                                            class="las la-language text-danger"
                                            title="{{translate('Translatable')}}"></i>
                                    </label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" name="unit_{{$language->code}}" id="unit_{{$language->code}}"
                                               placeholder="{{ translate('Unit (e.g. KG, Pc etc)') }}"
                                               value="{{$product->getTranslation('unit', $language->code)  }}"
                                               @if($loop->first )   required @endif>
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['unit']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['unit']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['unit']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['unit']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['unit']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif

                                <div class="form-group row">
                                    <label class="col-lg-3 col-from-label" for="description_{{$language->code}}">{{translate('Description')}} <i
                                            class="las la-language text-danger"
                                            title="{{translate('Translatable')}}"></i></label>
                                    <div class="col-lg-9">
                                            <textarea class="aiz-text-editor"
                                                      name="description_{{$language->code}}" id="description_{{$language->code}}">{{ $product->getTranslation('description', $language->code) }}</textarea>
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['description']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['description']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['description']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['description']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['description']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif


                                <div class="form-group row">
                                    <label class="col-lg-3 col-from-label">{{translate('Tags')}} <i
                                            class="las la-language text-danger"
                                            title="{{translate('Translatable')}}"></i></label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control aiz-tag-input" name="tags_{{$language->code}}[]" id="tags"
                                               value="{{ $product->getTranslation('tags', $language->code) }}" placeholder="{{ translate('Type to add a tag') }}"
                                               data-role="tagsinput">
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['tags']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['tags']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['tags']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['tags']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['tags']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif

                                <hr>
                                <h5 class="mb-4 h6">{{translate('SEO Meta Tags')}}</h5>

                                <div class="form-group row">
                                    <label class="col-md-3 col-from-label"
                                           for="description_{{$language->code}}">{{translate('Meta Title')}} _{{$language->code}}</label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" name="meta_title_{{$language->code}}"
                                               value="{{ $product->getTranslation('meta_title', $language->code) }}"
                                               placeholder="{{ translate('Meta Title') }}">
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['meta_title']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['meta_title']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['meta_title']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['meta_title']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['meta_title']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif

                                <div class="form-group row">
                                    <label class="col-md-3 col-from-label">{{translate('Meta Description')}} _{{$language->code}}</label>
                                    <div class="col-md-8">
                                        <textarea name="meta_description_{{$language->code}}"
                                                  rows="8" class="form-control">{{ $product->getTranslation('meta_description', $language->code) }}</textarea>
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['meta_description']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['meta_description']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['meta_description']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['meta_description']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['meta_description']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif
                                <div class="form-group row">
                                    <label class="col-md-3 col-form-label"
                                           for="signinSrEmail">{{ translate('Meta Image') }} _{{$language->code}}</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="meta_img_{{$language->code}}" value="{{ $product->getTranslation('meta_img', $language->code) }}" class="selected-files">
                                        </div>
                                        <div class="file-preview box sm">
                                        </div>
                                    </div>
                                </div>
                                @if(!empty($product->getPendingTranslation($language->code)['meta_img']))

                                    <div class="row">
                                        <label class="col-md-3 col-form-label" for="bank_name"></label>
                                        <div class="col-md-9">
                                            <div class="alert alert-danger" role="alert">

                                                {{ translate('value')}} : {{$product->getPendingTranslation($language->code)['meta_img']['value']}}
                                                <br>
                                                {{ translate('status')}} : {{$product->getPendingTranslation($language->code)['meta_img']['status']}}

                                                @if(!empty($product->getPendingTranslation($language->code)['meta_img']['note']))
                                                    <small class="form-text text-danger">{{$product->getPendingTranslation($language->code)['meta_img']['note']}}</small>
                                                @endif
                                            </div>

                                        </div>

                                    </div>
                                @endif

                            </div>
                        @endforeach
                    </div>
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label">{{translate('Slug')}}</label>
                        <div class="col-md-8">
                            <input type="text" placeholder="{{translate('Slug')}}" id="slug" name="slug" value="{{ $product->getTranslation('slug') }}" class="form-control">
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <div class="form-group row" id="category">
                        <label class="col-lg-3 col-from-label">{{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 ($brands 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-lg-3 col-from-label">{{translate('Unit')}}</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" name="unit"
                                placeholder="{{ translate('Unit (e.g. KG, Pc etc)') }}"
                                value="{{$product->getTranslation('unit')}}" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-3 col-from-label">{{translate('Weight')}} <small>({{ translate('In Kg') }})</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>



                    <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>
                    @if(!empty($info_pending_product['barcode']))

                        <div class="row">
                            <label class="col-md-3 col-form-label" for="bank_name"></label>
                            <div class="col-md-9">
                                <div class="alert alert-danger" role="alert">

                                    {{ translate('value')}} : {{$info_pending_product['barcode']['value']}}
                                    <br>
                                    {{ translate('status')}} : {{$info_pending_product['barcode']['status']}}

                                    @if(!empty($info_pending_product['barcode']['note']))
                                        <small class="form-text text-danger">{{$info_pending_product['barcode']['note']}}</small>
                                    @endif
                                </div>

                            </div>

                        </div>
                    @endif




                    <div class="form-group row">
                        <label class="col-lg-3 col-from-label">{{translate('Refundable')}}</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>
                        </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('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>
                    @if(!empty($info_pending_product['photos']))

                        <div class="row">
                            <label class="col-md-3 col-form-label" for="bank_name"></label>
                            <div class="col-md-9">
                                <div class="alert alert-danger" role="alert">

                                    {{ translate('value')}} :
                                    @php
                                        $images=explode(',', $info_pending_product['photos']['value']);
                                    @endphp

                                        @foreach($images as $image)
                                            <img class="img-fluid lazyload m-2" width="25" height="25"
                                                 src="{{uploaded_asset($image)}}">
                                        @endforeach
                                    <br>
                                    {{ translate('status')}} : {{$info_pending_product['photos']['status']}}

                                    @if(!empty($info_pending_product['photos']['note']))
                                        <small class="form-text text-danger">{{$info_pending_product['photos']['note']}}</small>
                                    @endif
                                </div>

                            </div>

                        </div>
                    @endif



                    <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>
                    @if(!empty($info_pending_product['thumbnail_img']))

                        <div class="row">
                            <label class="col-md-3 col-form-label" for="bank_name"></label>
                            <div class="col-md-9">
                                <div class="alert alert-danger" role="alert">

                                    {{ translate('value')}} :
                                        <img class="img-fluid lazyload m-2" width="25" height="25"
                                             src="{{uploaded_asset($info_pending_product['thumbnail_img']['value'])}}">
                                    <br>
                                    {{ translate('status')}} : {{$info_pending_product['thumbnail_img']['status']}}

                                    @if(!empty($info_pending_product['thumbnail_img']['note']))
                                        <small class="form-text text-danger">{{$info_pending_product['thumbnail_img']['note']}}</small>
                                    @endif
                                </div>

                            </div>

                        </div>
                    @endif
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{translate('Product Videos')}}</h5>
        </div>
        <div class="card-body">
            <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" >
                            {{translate('Youtube')}}</option>
                        <option value="dailymotion"
                            >
                            {{translate('Dailymotion')}}</option>
                        <option value="vimeo" >
                            {{translate('Vimeo')}}</option>
                    </select>
                </div>
            </div>
            @if(!empty($info_pending_product['video_provider']))

                <div class="row">
                    <label class="col-md-3 col-form-label" for="bank_name"></label>
                    <div class="col-md-9">
                        <div class="alert alert-danger" role="alert">

                            {{ translate('value')}} : {{$info_pending_product['video_provider']['value']}}
                            <br>
                            {{ translate('status')}} : {{$info_pending_product['video_provider']['status']}}

                            @if(!empty($info_pending_product['video_provider']['note']))
                                <small class="form-text text-danger">{{$info_pending_product['video_provider']['note']}}</small>
                            @endif
                        </div>

                    </div>

                </div>
            @endif
            <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>
            @if(!empty($info_pending_product['video_link']))

                <div class="row">
                    <label class="col-md-3 col-form-label" for="bank_name"></label>
                    <div class="col-md-9">
                        <div class="alert alert-danger" role="alert">

                            {{ translate('value')}} : {{$info_pending_product['video_link']['value']}}
                            <br>
                            {{ translate('status')}} : {{$info_pending_product['video_link']['status']}}

                            @if(!empty($info_pending_product['video_link']['note']))
                                <small class="form-text text-danger">{{$info_pending_product['video_link']['note']}}</small>
                            @endif
                        </div>

                    </div>

                </div>
            @endif

        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{translate('Product Variation')}}</h5>
        </div>
        <div class="card-body">
            <div class="form-group row">
                <div class="col-lg-3">
                    <input type="text" class="form-control" value="{{translate('Colors')}}" disabled>
                </div>
                <div class="col-lg-8">
                    <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>"