@extends('Layouts.adminLayout')
@section('title')
 {{__('Insert Product Image')}}
@endsection
@section('css')
    <link rel="stylesheet" type="text/css"  href="{{ asset('Admin/app-assets/vendors/css/file-uploaders/dropzone.min.css') }}">
       <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">

@endsection
@section('breadcrumb')
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Product')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Insert Product Image')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
	   <style>
	   .dz-success-mark {left: -10px !important ;right:unset !important ; }
	   </style>
<section class="input-validation">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                              
                                <div class="card-header">
                                    {{__('Insert Product Image')}}
                                </div>
                                   <div class="card-content">
                                <div class="card-body">

                                    <form method="POST"
                                          action="{{route('Admin.products.storeImage',Request::segment(4))}}"
                                          enctype="multipart/form-data" novalidate class="dropzone dropzone-area"
                                          id="dpz-multiple-files">
                                        @CSRF
                                        <div class="dz-message">
                                        </div>
                                        @foreach($data['images'] as $image)
                                            <div class="dz-preview dz-processing dz-image-preview dz-error  dz-success">
                                                <div class="dz-details">
                                                    <div class="dz-filename"><span data-dz-name=""></span></div>
                                                    <div class="dz-size" data-dz-size=""><strong></strong></div>
                                                    <img data-dz-thumbnail="" alt="" src="/File/product/{{$image->image}}">
                                                </div>
											@if($image->status==1)
												<div class="dz-success-mark"
                                                     onclick="confirmation('{{route('Admin.products.Imageconfirmation',$image->id)}}')">
                                                    <span>✔</span></div>
											 @endif
                                                <div class="dz-error-mark"
                                                     onclick="deleteRecord('{{route('Admin.products.Imagedelete',$image->id)}}')">
                                                    <span>✘</span></div>
                                            </div>
                                        @endforeach

                                    </form>
                                </div>
                            </div>
                            </div>
                        </div>
                        </div>
 </section>
@endsection
@section('script')
    <script src="{{ asset('Admin/app-assets/js/scripts/extensions/dropzone.js')}}"></script>
<script src="{{ asset('Admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
@endsection