



<h6 class="card-header">{{ __('shop image') }}<br><small>{{ __('shop image copy') }}</small>
</h6>
<div class="card-body p-3">
    <style>
        .dz-message {
            margin: 2rem 0;
        }
        .default-style .dz-message {
            font-size: 1.1em;
        }
    </style>
    <div class="row">


    @if($user->shop->isImage())
            <div class="col-12 text-center">
                <div class="text-center">
                    <img class="img-fluid" style="margin: 0 auto;" alt="" src="{{ url($user->shop->getImage()) }}">
                    <br><br>
                    <a href="{{ route('user_shop_delete_image') }}" class="btn btn-danger" onclick="return confirm('Bild wirklich löschen?');"><i class="fa fa-trash"></i></a>
                </div>
            </div>
        @else
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                        <form method="POST" action="{{ route('user_shop_upload_image') }}" accept-charset="UTF-8" class="avatar" enctype="multipart/form-data">
                            @csrf
                            <div class="slim_holder text-center">
                                <div class="slim" style="margin:20px auto;"
                                     data-label='<span class="text-green">Foto-Upload</span><br>(Datei suchen oder Drag & Drop)'
                                     data-fetcher="fetch.php"
                                     data-size="400,400"
                                     data-min-size="200,200"
                                     data-max-file-size="10"
                                     data-status-image-too-small="Bild zu klein<br>min. $0 Pixel"
                                     data-status-file-type="Ungültige Datei<br>bitte nur: $0"
                                     data-status-file-size="Die Datei ist zu groß<br>max. $0 MB"
                                     data-button-confirm-label="bestätigen"
                                     data-button-cancel-label="abbrechen"
                                     data-button-confirm-title="bestätigen"
                                     data-button-cancel-title="abbrechen"
                                     data-button-rotate-title="drehen"
                                     data-ratio="1:1">
                                    <input type="file" name="images[]" required />
                                </div>

                                <br>
                                <button class="btn btn-primary" type="submit">Bild speichern</button>
                            </div>
                        </form>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>