<div class="upload-form-wrapper before-upload">
    <div class="container-fluid">
        <label class="upload-form">
            <input type="file" class="upload-input new_uploader_file" id="new_uploader_file" {{@$accept?"accept=$accept":''}} {{@$multiple?"multiple":''}}>
            <input type="file" class="upload-input new_uploader_folder" id="new_uploader_folder" webkitdirectory directory multiple {{@$accept?"accept=$accept":''}}>
            <div class="content">
                <div class="content-body">
                    <div class="image-file"><img src="{{ asset('img/v2/image-documents.svg') }}"></div>
                    <div class="dropdown dropdown-file" data-dropdown>
                        <button type="button" class="btn btn--multiple btn--primary" data-dropdown-action>
                            <span class="info ttu fw-700">{{@$button_text?t($button_text):"Upload file"}}</span>
                            <span class="arrow">@svg('img/v2/ico-arrow.svg')</span>
                        </button>
                        <div class="dropdown-body">
                            <div class="lists">
                                <ul class="list">
                                    <li>
                                        <a href="#" class="list-link upload_file_link">
                                            <span class="ico ico-24 mr-10"><img src="{{ asset('img/v2/ico-file-upload.svg') }}"></span>
                                            <span class="info fw-500">{{t('File Upload')}}</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="list-link upload_folder">
                                            <span class="ico ico-24 mr-10"><img src="{{ asset('img/v2/ico-folder-upload.svg') }}"></span>
                                            <span class="info fw-500">{{t('Folder Upload')}}</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="list">
                                    <li>
                                        <a href="#" class="list-link pick_from_google_drive">
                                                <span class="ico ico-24 mr-10"><img src="{{ asset('img/v2/ico-googledrive.svg') }}"></span>
                                            <span class="info fw-500">{{t('Google Drive')}}</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="list-link pick_from_dropbox">
                                                <span class="ico ico-24 mr-10"><img src="{{ asset('img/v2/ico-dropbox.svg') }}"></span>
                                            <span class="info fw-500">{{t('Dropbox')}}</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <span class="purple fw-500 mt-12">
                            {{@$drop_title?t($drop_title):"or drop PDFs here"}}
                    </span>
                </div>
                <div class="content-footer mt-50">
                    <span class="ico"><img src="{{ asset('img/v2/ico-secure.svg') }}"></span>
                    <span class="info fw-500 ml-8">
                        {{t('Files stay private. Automatically deleted after 5 hours.')}}
                    </span>
                </div>
            </div>
        </label>
    </div>
</div>
<script async defer src="https://apis.google.com/js/api.js" ></script>
<script async defer src="https://apis.google.com/js/client.js"></script>

<script async defer src="https://www.dropbox.com/static/api/2/dropins.js"></script>