@extends('layouts.layout-2')

@section('content')
<h4 class="font-weight-bold py-2 mb-2">
    <a href="{{route('admin_downloadcenter_files')}}" class="btn btn-sm btn-default float-right">{{ __('back') }}</a>
    {{ __('navigation.downloadcenter') }} Datei upload
</h4>

    <div class="row">
        <div class="col">
            <div class="card mb-4">

                <div class="card-body">

                    {!! Form::open([ 'action' => route('admin_downloadcenter_upload'), 'method' => 'post', 'files' => true, 'enctype' => 'multipart/form-data', 'class' => 'dropzone', 'id' => 'realDropzone' ]) !!}
                    <div class="fallback">
                        <input name="file" type="file" multiple>
                    </div>
                    {!! Form::close() !!}
        
                    <br>
                    <div class="alert alert-danger alert-dismissable" style="display:none;"></div>
                </div>

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

    <script type="text/javascript">
        $( document ).ready(function() {
                var real_dropzone = {
                    uploadMultiple: false,
                    parallelUploads: 1,
                    maxFilesize: 32,
                    addRemoveLinks: true,
                    dictDefaultMessage: "{{ __('actions.dictDefaultMessage') }}",
                    dictFallbackMessage: "{{ __('actions.dictFallbackMessage') }}",
                    dictFallbackText:"{{ __('actions.dictFallbackText') }}",
                    dictFileTooBig: "{{ __('actions.dictFileTooBig') }}",
                    dictInvalidFileType: "{{ __('actions.dictInvalidFileType') }}",
                    dictResponseError: "{{ __('actions.dictResponseError') }}",
                    dictCancelUpload: "{{ __('actions.dictCancelUpload') }}",
                    dictCancelUploadConfirmation: null,
                    dictRemoveFile: "{{ __('actions.dictRemoveFile') }}",
                    dictMaxFilesExceeded: "{{ __('actions.dictMaxFilesExceeded') }}",
                    acceptedFiles: "image/jpeg,image/pjpeg,image/png,image/gif,application/pdf,text/plain",
                    // The setting up of the dropzone
                    init:function() {
                        console.log("init");
                        this.on("removedfile", function(file) {
                            var _ele = $('.alert-danger');
                            _ele.fadeOut();
        
                        } );
        
                        this.on("addedfile", function (file) {
                            var _ele = $('.alert-danger');
                            _ele.fadeOut();
                        });
        
                    },
                    error: function(file, response) {
                        console.log(file);
                        console.log(response);
                        var message
                        if($.type(response) === "string")
                            message = response; //dropzone sends it's own error messages in string
                        else
                            message = response.message;
                        var _ele = $('.alert-danger');
                        _ele.fadeIn();
                        _ele.text(message);
        
        
                    },
                    success: function(file,response) {
                        console.log(file);
                        console.log(response.filename);
                        console.log(response.filedata);
                        console.log(response);
        
                        if(response.redirect){
                            window.location.href = response.redirect;
                        }else{
                            if(response.error === false){
                                //true
                                window.location.href = window.location.href;
                            }
                        }
                    }
        
                };
        
                Dropzone.options.realDropzone = real_dropzone;
        });
    </script>
@endsection

@section('styles')

@endsection
@section('scripts')



@endsection