@extends('layouts.dashboard.app')

@section('content')

    <div class="content-wrapper">
        <section class="content-header">
            <h1>@lang('site.products')</h1>

            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard.welcome') }}"><i class="fa fa-dashboard"></i> @lang('site.dashboard')
                    </a></li>
                <li><a href="{{ route('dashboard.products.index') }}"> @lang('site.products')</a></li>
                <li class="active">@lang('site.edit')</li>
            </ol>
        </section>

        <section class="content">

            <div class="row">
                {{--                <div class="box box-primary" style="display: none">--}}

                {{--                    <div class="box-header">--}}
                {{--                        <h3 class="box-title">@lang('site.edit')</h3>--}}
                {{--                    </div><!-- end of box header -->--}}
                {{--                    <div class="box-body">--}}

                {{--                        @include('dashboard.partials._errors')--}}

                {{--                        <form action="{{ route('dashboard.products.update', $product->id) }}" method="post"--}}
                {{--                              enctype="multipart/form-data">--}}

                {{--                            {{ csrf_field() }}--}}
                {{--                            {{ method_field('put') }}--}}

                {{--                            <div class="form-group">--}}
                {{--                                <label>@lang('site.categories')</label>--}}
                {{--                                <select name="category_id" class="form-control">--}}
                {{--                                    <option value="">@lang('site.all_categories')</option>--}}
                {{--                                    @foreach ($categories as $category)--}}
                {{--                                        <option--}}
                {{--                                            value="{{ $category->id }}" {{ $product->category_id == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>--}}
                {{--                                    @endforeach--}}
                {{--                                </select>--}}
                {{--                            </div>--}}

                {{--                            @foreach (config('translatable.locales') as $locale)--}}
                {{--                                <div class="form-group">--}}
                {{--                                    <label>@lang('site.' . $locale . '.name')</label>--}}
                {{--                                    <input type="text" name="{{ $locale }}[name]" class="form-control"--}}
                {{--                                           value="{{ $product->translate($locale)->name }}">--}}
                {{--                                </div>--}}

                {{--                                <div class="form-group">--}}
                {{--                                    <label>@lang('site.' . $locale . '.description')</label>--}}
                {{--                                    <textarea name="{{ $locale }}[description]"--}}
                {{--                                              class="form-control ckeditor">{{ $product->translate($locale)->description }}</textarea>--}}
                {{--                                </div>--}}

                {{--                            @endforeach--}}

                {{--                            <div class="form-group">--}}
                {{--                                <label>@lang('site.image')</label>--}}
                {{--                                <input type="file" name="image" class="form-control image">--}}
                {{--                            </div>--}}

                {{--                            <div class="form-group">--}}
                {{--                                <img src="{{ $product->image_path }}" style="width: 32px"--}}
                {{--                                     class="img-thumbnail image-preview" alt="">--}}
                {{--                            </div>--}}

                {{--                            <div class="form-group">--}}
                {{--                                <label>@lang('site.purchase_price')</label>--}}
                {{--                                <input type="number" name="purchase_price" step="0.01" class="form-control"--}}
                {{--                                       value="{{ $product->purchase_price }}">--}}
                {{--                            </div>--}}

                {{--                            <div class="form-group">--}}
                {{--                                <label>@lang('site.sale_price')</label>--}}
                {{--                                <input type="number" name="sale_price" step="0.01" class="form-control"--}}
                {{--                                       value="{{ $product->sale_price }}">--}}
                {{--                            </div>--}}

                {{--                            <div class="form-group">--}}
                {{--                                <label>@lang('site.stock')</label>--}}
                {{--                                <input type="number" name="stock" class="form-control" value="{{ $product->stock}}">--}}
                {{--                            </div>--}}

                {{--                            <div class="form-group">--}}
                {{--                                <button type="submit" class="btn btn-primary"><i--}}
                {{--                                        class="fa fa-plus"></i> @lang('site.edit')--}}
                {{--                                </button>--}}
                {{--                            </div>--}}

                {{--                        </form><!-- end of form -->--}}

                {{--                    </div><!-- end of box body -->--}}

                {{--                </div><!-- end of box -->--}}

                <div class="col-md-8">
                    <div class="box box-primary">

                        <div class="box-header">
                            <button class="btn btn-primary btn-sm pull-right" onclick="history.back()">@lang('site.back')</button>
{{--                            <a class="btn btn-primary btn-sm pull-right" href="{{ route('dashboard.products.index') }}"> @lang('site.back') @lang('site.products')</a>--}}
                            <h3 class="box-title">@lang('site.productImages') : {{$product->cCode}}</h3>
                            <br>
                            <h5 class="box-title">{{$product->name}}</h5>
                        </div><!-- end of box header -->
                        <div class="box-body">
                            <div class="upload__box">
                                <div class="upload__img-wrap">
                                    @if(!empty($product->images) && (count($product->images)>0))
                                        @foreach ($product->images as $file)
                                            @if($file->type === "img")
                                                <div class="upload__img-box">
                                                    <div style="background-image: url({{$file->image_path}});width: 150px"
                                                        {{--                                                    data-number="${$(".upload__img-close").length}"--}}
                                                        data-file="{{$file->image_name}}"
                                                        class="img-bg img-thumbnail">
                                                        <div class='upload__img-close'
                                                             data-fid="{{$file->fID}}"
                                                             data-urld="{{ route('dashboard.products.unlink',$product->id) }}"
                                                             data-token="{{ csrf_token() }}"
                                                             data-type="img"
                                                             data-record_type="product"
                                                             data-method="POST"
                                                        >
                                                            <i id="prog_{{$file->fID}}1"
                                                               class="fa fa-circle-o-notch fa-spin"
                                                               style="padding: inherit;display: none;"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    @else
                                        <h3 class="no_images">@lang('site.no_images_found')</h3>
                                    @endif
                                </div>
                                <div class="upload__btn-box">
                                    <label class="btn btn-success btn-sm btn-primary btn-block upload__btn">
                                        <i class="fa fa-plus"></i>
                                        @lang('site.addImages')
                                        <input
                                            type="file"
                                            multiple=""
                                            accept="image/*"
                                            data-max_length="5"
                                            data-url="{{ route('dashboard.products.upload',$product->id) }}"
                                            data-urlD="{{ route('dashboard.products.unlink',$product->id) }}"
                                            data-token="{{ csrf_token() }}"
                                            data-type="img"
                                            data-record_type="product"
                                            data-method="POST"
                                            class="upload__inputfile form-control">
                                    </label>
                                </div>
                            </div>
                            <h4><i class="fa fa-info-circle text-red"></i> @lang('site.autoUpload')</h4>
                        </div><!-- end of box body -->
                    </div><!-- end of box -->
                </div>

            </div>
        </section><!-- end of content -->

    </div><!-- end of content wrapper -->

@endsection