<div class="modal fade" id="newresource" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content ngbvd-resource-modal">
            <div class="modal-header">
                <div>
                    <span class="ngbvd-kicker">Resource Upload</span>
                    <h5 class="modal-title">Add New Resource</h5>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <form id="indexform1" class="form-horizontal" enctype="multipart/form-data" method="POST" action="{{ url('resources/postresource') }}">
                    @csrf
                    <input type="hidden" class="form-control" name="id" id="id" placeholder="Resource ID">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Resource Name</strong></label>
                                <input type="text" class="form-control" name="name" id="name" placeholder="Resource Name" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label><strong>Resource Category</strong></label>
                                <input type="text" class="form-control" name="category" id="category" placeholder="e.g. Policy, Manual, Report">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label><strong>Resource Attachment</strong></label>
                        <div class="ngbvd-upload-zone">
                            <i class="ti-cloud-up" style="font-size:2rem;color:#2563eb;"></i>
                            <p class="mb-2"><strong>Choose a file to upload</strong><br><small class="text-muted">PDF, Word, Excel, images or other approved resource files.</small></p>
                            <input type="file" class="form-control" name="attachment" id="attachment" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label><strong>Resource Details</strong></label>
                        <textarea class="form-control" name="notes" id="notes" rows="4" required placeholder="Describe what this resource contains and who should use it"></textarea>
                    </div>
                    <div class="modal-footer px-0 pb-0">
                        <button type="button" class="btn ngbvd-btn-soft" data-dismiss="modal">Cancel</button>
                        <button type="submit" name="submit" class="btn ngbvd-btn-primary" value="0"><i class="ti-save"></i> Save Resource</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
