<?php $attributes = $attributes->exceptProps([
'route',
'routeId' => null,
'label' => __('services.labelFieldFileUpload'),
'required' => false,
'error' => null,
'acceptedFiles' => 'csv',
'maxFiles' => 1,
'size' => 10,
'dropZoneDesc' => null,
'addRemoveLinks' => 1,
]); ?>
<?php foreach (array_filter(([
'route',
'routeId' => null,
'label' => __('services.labelFieldFileUpload'),
'required' => false,
'error' => null,
'acceptedFiles' => 'csv',
'maxFiles' => 1,
'size' => 10,
'dropZoneDesc' => null,
'addRemoveLinks' => 1,
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>

<span id="_filesIdInputs"></span>

<div class="form-group">
    <label><?php echo app('translator')->get($label); ?></label>
    <div class="input-group">
        <div class="dropzone dropzone-default dropzone-success" id="upload_file">
            <div class="dropzone-msg dz-message needsclick">
                <h3 class="dropzone-msg-title"><?php echo app('translator')->get('services.textFieldFileUpload'); ?></h3>
                <?php if(!empty($acceptedFiles)): ?>
                    <span class="dropzone-msg-desc"><?php echo app('translator')->get('services.onlyFile'); ?> <?php echo e($acceptedFiles); ?></span>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <?php if($error): ?>
        <div class="invalid-feedback"><?php echo e($error); ?></div>
    <?php endif; ?>
</div>

<?php $__env->startPush('scripts'); ?>
    <script>
        const KTDropzoneDemo = (function (x) {
            const init = function (x) {
                const dropzone = $('#upload_file').dropzone({
                    // dictDefaultMessage:  "Drop files here to upload",
                    // dictFallbackMessage:  "Your browser does not support drag'n'drop file uploads.",
                    // dictFallbackText:  "Please use the fallback form below to upload your files like in the olden days.",
                    // dictFileTooBig:  "File is too big (<filesize>MiB). Max filesize: <maxFilesize>MiB.",
                    // dictInvalidFileType:  "You can't upload files of this type.",
                    // dictResponseError:  "Server responded with <statusCode> code.",
                    // dictCancelUploadConfirmation:  "Are you sure you want to cancel this upload?",
                    // dictMaxFilesExceeded:  "You can not upload any more files.",

                    dictCancelUpload: 'Отменить загрузку',
                    dictRemoveFile: 'Удалить',
                    url: "<?php echo e(empty($routeId) ? route($route) : route($route, $routeId)); ?>",
                    paramName: "file",
                    <?php if(!empty($maxFiles)): ?>
                    maxFiles: <?php echo e($maxFiles); ?>,
                    <?php endif; ?>
                    maxFilesize: <?php echo e($size); ?>, // MB
                    addRemoveLinks: <?php echo e(1 == $addRemoveLinks ? 'true' : 'false'); ?>,
                    <?php if(!empty($acceptedFiles)): ?>
                    acceptedFiles: ".<?php echo e($acceptedFiles); ?>",
                    <?php endif; ?>
                    headers: {'X-CSRF-TOKEN': "<?php echo e(csrf_token()); ?>"},
                    removedfile: function (file) {
                        const fileName = file.name;
                        document.querySelector('[data-uuid="' + file.upload.uuid + '"]').remove();

                        const filesEl = document.querySelectorAll('[data-dz-name]')
                        for (const a of filesEl) {
                            if (a.textContent === fileName) {
                                a.closest('.dz-image-preview').remove();
                            }
                        }
                    },
                    success: function (file, response) {
                        if (response.success) {
                            let input = document.createElement('input');
                            input.setAttribute('value', response.success);
                            input.setAttribute('name', 'fileId[]');
                            input.setAttribute('data-uuid', file.upload.uuid);
                            input.setAttribute('type', 'hidden');
                            $('#_filesIdInputs').append(input)
                        }
                    },
                    error: function (file, response) {
                        if (!Math.round10) {
                            Math.round10 = function (value, exp) {
                                return decimalAdjust('round', value, exp);
                            };
                        }

                        if (Math.round10(file.size / 1024 / 1024, -1) >= <?php echo e($size); ?>) {
                            KTBootstrapNotifyDemo.init({'message': "<?php echo app('translator')->get('admins.fileTooLarge'); ?> <?php echo e('(' . $size . 'MB)'); ?>&nbsp;&nbsp;"}, 'danger', true);
                        } else {
                            KTBootstrapNotifyDemo.init({'message': "<?php echo app('translator')->get('admins.wrongFileType'); ?>"}, 'danger', true);
                        }

                        return false;
                    }
                });
            };
            return {
                // public functions
                init: function () {
                    init();
                }
            }
        })();
        KTUtil.ready(function () {
            KTDropzoneDemo.init();
        });

        function decimalAdjust(type, value, exp) {
            if (typeof exp === 'undefined' || +exp === 0) {
                return Math[type](value);
            }
            value = +value;
            exp = +exp;
            if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
                return NaN;
            }
            value = value.toString().split('e');
            value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
            value = value.toString().split('e');
            return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
        }
    </script>
<?php $__env->stopPush(); ?>

<?php echo e($slot); ?>

<?php /**PATH /var/www/ipsremont-demo/resources/views/components/fields/upload-by-id.blade.php ENDPATH**/ ?>