<div class="row">
    <div class="container">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <h1 class="text-center">Brochure</h1>
        </div>
        <div class="col-12">

            <div class="form-group">

                <?php if(!empty($user_detail[0]->brochure)): ?>
                <a class="img-responsive img-rounded img-top-style" target="_blank"  id="img_path_preview_bro" style='text-align:center;width:100%' href="/upload/certification/<?php echo e($user_detail[0]->brochure ?? ''); ?>">
                La mia Brochure
                </a>
                <?php endif; ?>
            </div>
        </div>
        <div class="col-12">

            <input type="hidden" name="brochure_url" id="photo_url" value="<?php echo e($user_detail[0]->brochure ?? ''); ?>" />
            <input type="text" name="brochure_url" id="photo_show" value="" />
            <!-- esterna alla form: formProducts -->

            <span class="btn btn-primary btn-rounded btn-floating" onClick="$('#file_image_brochure').trigger('click');">
                Carica File
            </span>

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










<?php $__env->startPush('footersection'); ?>

<script>

    $('#file_image_brochure').on('change', function () {

        var data = new FormData($("#file_form_brochure")[0]);

        //var nameFile = $('#file_image_brochure')[0].files[0].name;
        var typeFile = $('#file_image_brochure')[0].files[0].type;
        var sizeFile = $('#file_image_brochure')[0].files[0].size;
        console.log(typeFile);
        if (sizeFile > 2000000) {
            alert('Immagine troppo grande, il limite massimo è di 2MB');
            return false;
        }

        //jpg|jpeg|png|gif

        $.ajax({
            url: '/images/images-save-brochure',
            beforeSend: function () {
                /* null */
                $('#image_preview_loader').removeClass('hidden');
            },
            type: 'POST',
            processData: false,
            contentType: false,
            data: data,
            success: function (risp) {
                if (!risp.error) {
                    $('#img_path_preview_bro').attr('href', '/upload/certification/' + risp.file_name);
                    $('#photo_url').val(risp.file_name)
                    $('#photo_show').val(risp.file_name)
                } else {
                    alert(risp.error);
                }
            },
            complete: function () {
            }
        });
    });

</script>

<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/linkabili/resources/views/frontend/profile/components/brochure.blade.php ENDPATH**/ ?>