{% set firstView = fsc.views | first %}
{% set doc = firstView.model %}
{% set currentView = fsc.getCurrentView() %}

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            {% if fsc.permissions.allowUpdate %}
                <form action="{{ doc.url() }}" method="post" enctype="multipart/form-data"
                      onsubmit="animateSpinner('add')">
                    <input type="hidden" name="activetab" value="{{ currentView.getViewName() }}"/>
                    <input type="hidden" name="action" value="add-file"/>
                    {{ formToken() }}
                    <div class="card border-success shadow mb-3">
                        <div class="card-body p-3">
                            <h5 class="card-title">
                                <i class="fa-solid fa-folder-plus fa-fw"></i> {{ trans('add') }}
                            </h5>
                            <div class="mb-3">
                                <textarea name="observations" class="form-control"
                                          placeholder="{{ trans('observations') }}"></textarea>
                            </div>
                            <div class="row align-items-end">
                                <div class="col">
                                    <input type="file" name="new-files[]" class="form-control-file" multiple required/>
                                    <p class="text-muted mb-0">
                                        {{ trans('help-server-accepts-filesize', {'%size%': currentView.model.getMaxFileUpload()}) }}
                                    </p>
                                    {% for includeView in getIncludeViews('DocFiles', 'formAddBody') %}
                                        {% include includeView['path'] %}
                                    {% endfor %}
                                </div>
                                <div class="col text-end">
                                    <button type="submit" class="btn btn-sm btn-success">
                                        <i class="fa-solid fa-save fa-fw" aria-hidden="true"></i> {{ trans('save') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            {% endif %}

            <div class="card-columns">
                {% for docfile in currentView.cursor %}
                    {% set file = docfile.getFile() %}
                    <form action="{{ doc.url() }}" method="post" enctype="multipart/form-data"
                          onsubmit="animateSpinner('add')">
                        <input type="hidden" name="activetab" value="{{ currentView.getViewName() }}"/>
                        <input type="hidden" name="id" value="{{ docfile.id }}"/>
                        <input type="hidden" name="action" value=""/>
                        {{ formToken() }}
                        <div class="card shadow mb-3">
                            {% if file.isImage() %}
                                <a href="{{ file.url('download-permanent') }}" target="_blank">
                                    <img src="{{ file.url('download') }}" class="card-img-top"
                                         alt="{{ file.filename }}">
                                </a>
                            {% else %}
                                <div class="ps-3 pt-3 pe-3">
                                    <a href="{{ file.url('download-permanent') }}" target="_blank"
                                       class="btn w-100 btn-lg btn-secondary">
                                        {% if file.isPdf() %}
                                            <i class="far fa-file-pdf fa-fw"></i>
                                        {% elseif file.isVideo() %}
                                            <i class="far fa-file-video fa-fw"></i>
                                        {% elseif file.isArchive() %}
                                            <i class="far fa-file-archive fa-fw"></i>
                                        {% else %}
                                            <i class="far fa-file fa-fw"></i>
                                        {% endif %}
                                        {{ file.filename | raw }}
                                    </a>
                                </div>
                            {% endif %}
                            <div class="card-body p-3">
                                <div class="mb-3">
                                <textarea name="observations" class="form-control"
                                          placeholder="{{ trans('observations') }}">{{ docfile.observations | raw }}</textarea>
                                </div>
                                {% for includeView in getIncludeViews('DocFiles', 'formEditBody') %}
                                    {% include includeView['path'] %}
                                {% endfor %}
                                <p class="card-text text-muted">
                                    {% if docfile.nick %}
                                        <i class="fa-solid fa-user"></i> {{ docfile.nick }}
                                    {% endif %}
                                    <i class="fa-solid fa-calendar-alt ms-3"></i> {{ docfile.creationdate }}
                                </p>
                            </div>
                            <div class="card-footer p-2">
                                {% if fsc.permissions.allowUpdate %}
                                    <button type="button" class="btn btn-sm btn-primary float-end"
                                            onclick="this.form.action.value='edit-file';this.form.onsubmit();this.form.submit();">
                                        <i class="fa-solid fa-save fa-fw" aria-hidden="true"></i> {{ trans('save') }}
                                    </button>
                                {% endif %}
                                {% if fsc.permissions.allowDelete %}
                                    <div class="btn-group">
                                        <div class="dropdown">
                                            <button class="btn btn-sm btn-outline-danger dropdown-toggle" type="button"
                                                    data-bs-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                <i class="fa-solid fa-trash-alt"></i>
                                            </button>
                                            <div class="dropdown-menu">
                                                <button type="button"
                                                        onclick="this.form.action.value='unlink-file';this.form.onsubmit();this.form.submit();"
                                                        class="dropdown-item">
                                                    <i class="fa-solid fa-unlink fa-fw"></i> {{ trans('unlink-file') }}
                                                </button>
                                                <div class="dropdown-divider"></div>
                                                <button type="button"
                                                        onclick="this.form.action.value='delete-file';this.form.submit();"
                                                        class="dropdown-item">
                                                    <i class="far fa-trash-alt fa-fw"></i> {{ trans('delete-file') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </form>
                {% endfor %}
            </div>
        </div>
    </div>
</div>