{#
Copyright (C) 2024 Graz University of Technology

invenio-catalogue-marc21 is free software; you can redistribute it and/or modify
it under the terms of the MIT License; see LICENSE file for more details.
#}

{%- extends "invenio_catalogue_marc21/deposit/base.html" %}


{# {%- if not record.is_published and record.versions.index and record.versions.index > 1%} #}
{# {%- set title = _("New version") %} #}
{%- if not record.is_published %}
{%- set title = _("New upload") %}
{% else %}
{%- set title = _("Edit upload") %}
{%- endif %}


{%- block page_body %}
{%- if record %}
<input id="marc21-catalogue-deposit-record" type="hidden" name="marc21-catalogue-deposit-record" value='{{record | tojson }}' />
{%- endif %}
{%- if files %}
<input id="marc21-catalogue-deposit-files" type="hidden" name="marc21-catalogue-deposit-files" value='{{files | tojson }}' />
{%- endif %}
{%- if forms_config %}
<input type="hidden" name="marc21-catalogue-deposit-config" value='{{forms_config | tojson }}' />
{%- endif %}
{%- if templates %}
<input type="hidden" name="marc21-catalogue-deposit-templates" value='{{templates | tojson }}' />
{%- endif %}
{%- if permissions %}
<input id="marc21-catalogue-deposit-permissions" type="hidden" name="marc21-catalogue-deposit-permissions"
  value='{{permissions | tojson }}' />
{%- endif %}


<div id="marc21-catalogue-deposit-page">
  <div class="ui relaxed grid middle aligned">
    <div class="row">
      <!-- Left Sidebar -->
      <div class="five wide column" id="marc21-catalogue-deposit-left-container">
        <div class="ui raised segment">
          <div class="ui placeholder">
            <div class="image header">
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
            </div>
            <div class="paragraph">
              <div class="medium line"></div>
              <div class="short line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
            </div>
          </div>
        </div>
      </div>
      <!-- Main Content -->
      <div class="eight wide column" id="marc21-catalogue-deposit-middle-container">
        <div class="ui raised segment">
          <div class="ui fluid placeholder">
            <div class="image header">
              <div class="line"></div>
              <div class="line"></div>
            </div>
            <div class="paragraph">
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div><div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Right Sidebar -->
      <div class="three wide column" id="marc21-catalogue-deposit-right-container">
        <div class="ui raised segment">
          <div class="ui placeholder">
            <div class="image header">
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
            </div>
            <div class="paragraph">
              <div class="medium line"></div>
              <div class="short line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
              <div class="line"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    </div>
  </div>
</div>
<div id="marc21-deposit-form"></div>

{%- endblock page_body %}

{%- block javascript %}
{{ webpack["invenio-catalogue-marc21-deposit.js"] }}
{%- endblock %}