{#
    Upload Document Modal
    Modal for uploading new documents

    Required variables:
    - company: Company entity
    - uploadForm: Upload form instance
#}

<div id="uploadModal" class="hidden fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" onclick="document.getElementById('uploadModal').classList.add('hidden')"></div>
        <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
        <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
            <div class="bg-indigo-600 px-4 py-3">
                <h3 class="text-lg leading-6 font-medium text-white" id="modal-title">
                    <i class="fas fa-upload mr-2"></i>
                    Téléverser un document
                </h3>
            </div>

            {{ form_start(uploadForm, {'action': path('admin_companies_documents_upload', {id: company.id}), 'attr': {'class': ''}}) }}
            <div class="bg-white px-4 pt-5 pb-4 sm:p-6">
                <div class="space-y-4">
                    {{ form_row(uploadForm.file) }}
                    {{ form_row(uploadForm.documentCategory) }}
                    {{ form_row(uploadForm.visibility) }}
                    {{ form_row(uploadForm.description) }}
                </div>
            </div>
            <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-3">
                {{ form_row(uploadForm.submit) }}
                <button type="button"
                        onclick="document.getElementById('uploadModal').classList.add('hidden')"
                        class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 sm:mt-0 sm:w-auto sm:text-sm">
                    Annuler
                </button>
            </div>
            {{ form_end(uploadForm) }}
        </div>
    </div>
</div>