@extends('admin.layout.master')

@section('admin')
    @php
        $totalImageCount=10;
    @endphp
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                {{ Breadcrumbs::render('admin.product.images', $product) }}
            </div>
            <div class="content-header-left col-md-6 col-12 mb-2">
                <a href="{{route('admin.product.index')}}"
                   class="btn btn-sm btn-info float-right">
                    {{trans('admin/product.btn_all')}}
                </a>
            </div>
        </div>
        <div class="content-body">
            <section id="page-layout">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{!! trans('admin/product.images.title',['title'=>$product->title]) !!}</h4>
                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body pt-0">
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-md-4">
                                                {{html()->label()->for("formLang")->html(trans("admin/product.form.lang"))->style(['font-size'=>'12px']) }}
                                                :
                                                {{html()->span()->text($product->language!==null ? $product->language->title : $product->lang_code)->style(['font-size'=>'12px','font-weight'=>'bold'])}}
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                {{html()->label()->for("formTitle")->html(trans("admin/product.form.title"))->style(['font-size'=>'12px']) }}
                                                :
                                                {{html()->span()->html($product->title)->id("formTitle")->style(['font-size'=>'12px','font-weight'=>'bold'])}}
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="page-layout">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    <div class="card-info">
                                        <div class="alert alert-info">
                                            {!! trans("admin/product.images.info.message",['mimes'=>config('app.admin.product.image_mimes'),'mb'=>config('app.admin.product.image_max_size_mb'),'total'=>$totalImageCount]) !!}
                                        </div>
                                    </div>
                                    {{ html()->form()->method('POST')->class("dropzone dropzone-area modulForm")->id("dpz-multiple-files")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}

                                    {{html()->span()->text(trans("admin/product.images.form.info"))->class("dz-message")}}
                                    {{ html()->form()->close() }}
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="page-layout">
                <div class="row" id="sortable">
                    @foreach($productImageList as $productImageLis)
                        <div class="col-xl-2 col-md-3 col-sm-6" data-id="{{$productImageLis["id"]}}">
                            <div class="card  content-row">
                                <div class="card-content">
                                    <div class="drag-drop">
                                        <a class="btn btn-info btn-sm  btn-handle " href="#move"><i
                                                style="font-size: 12px" class="fa fa-arrows"></i></a>
                                    </div>
                                    <div class="image-container"
                                         style="height: 200px;display: flex;justify-content: center;align-items: center">
                                        <a href="{{$productImageLis["image_full"]}}" target="_blank">
                                            <img class="card-img-top img-fluid" src="{{$productImageLis["image_full"]}}"
                                                 alt="{{$productImageLis["title"]}}" style="max-height: 200px">
                                        </a>
                                    </div>
                                    <div class="card-body">

                                        @if($productImageLis["default"])
                                            <a style="color: #efefef" class="btn btn-sm btn-green">
                                                {{trans("admin/product.images.list.default_text")}}
                                            </a>

                                        @else
                                            <a href="{{route('admin.product.images.default',['product_id'=>$product->id,"product_image_id"=>$productImageLis["id"]])}}"
                                               class="btn btn-sm btn-orange">
                                                {{trans("admin/product.images.list.default_btn")}}
                                            </a>
                                        @endif

                                        <a href="{{route('admin.product.images.delete',['product_id'=>$product->id,"product_image_id"=>$productImageLis["id"]])}}"
                                           class="btn btn-danger btn-sm btnDelete pull-right">{{trans("admin/product.images.list.btn_delete")}}</a>

                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </section>

        </div>
    </div>
    <div id="loadingOverlay" class="loading-overlay">
        <div class="spinner-text">