{% from "macros.html" import classification_input, multi_input, xpath_or_value_input, required_fields_disclaimer,
section_heading with
context %}
<div class="container">
    <!-- Navigation -->
    <ul class="nav nav-pills mb-2 md:mb-4 d-flex align-items-center" id="collectionNav" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="basic-attributes-tab" data-bs-toggle="pill"
                data-bs-target="#basicAttributes" type="button" role="tab" aria-controls="basicAttributes"
                aria-selected="true">Collection Attributes</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="work-attributes-tab" data-bs-toggle="pill" data-bs-target="#workAttributes"
                type="button" role="tab" aria-controls="workAttributes" aria-selected="false">Work</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="edition-attributes-tab" data-bs-toggle="pill"
                data-bs-target="#editionAttributes" type="button" role="tab" aria-controls="editionAttributes"
                aria-selected="false">Edition</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="eltecAttributes-tab" data-bs-toggle="pill" data-bs-target="#eltecAttributes"
                type="button" role="tab" aria-controls="eltecAttributes" aria-selected="false">Further Metadata</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="classificationAttributes-tab" data-bs-toggle="pill"
                data-bs-target="#classificationAttributes" type="button" role="tab"
                aria-controls="classificationAttributes" aria-selected="false">Classification</button>
        </li>
    </ul>

    <!-- Config Sections -->
    <div class="tab-content" id="collectionTabContent">
        {% set collection_parser = project.get_collection_parser(collection) %}

        <!-- Tab: Collection Attributes -->
        <div class="tab-pane fade show active" id="basicAttributes" role="tabpanel"
            aria-labelledby="basic-attributes-tab">
            <form class="js-tab-submit" method="POST" enctype="multipart/form-data"
                data-reload-subtab="#basicAttributes" action=" {{ url_for('collection.save_collection_attributes',
                projectname=project.path, collectionname=collectionname) }}">
                <div class="mb-3 row text-center">
                    <label class="col-sm-12 col-form-label text-center"><i>Collection Attributes</i>
                    </label>
                </div>
                <div class="mb-3">
                    <label class="form-label">
                        Collection title
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text" class="form-control" name="long_title" value="{{ collection.long_title or '' }}"
                        required>
                </div>

                <div class="py-4">
                    <label class="form-label">
                        Rights Holder
                        <span class="text-danger">*</span>
                        <button type="button" class="border-0 bg-transparent p-0 ms-1" data-bs-toggle="tooltip"
                            data-bs-trigger="focus" data-bs-placement="top" data-bs-html="true"
                            data-bs-title="You can either define xpaths OR define fixed values for fullname and/or url">
                            <i class="bi bi-info-circle text-muted"></i>
                        </button>
                    </label>
                    <div class="mb-3">
                        <label class="form-label">
                            <i>VALUES</i>
                        </label>
                        {{ multi_input(collection.rights_holder['values'] or [{}], 'rights_holder') }}
                    </div>
                    {% set rights_holder = collection.rights_holder %}
                    {% if 'xpaths' in rights_holder %}
                    <!-- Check is necessary for backwards compatibility -->
                    <div class="mb-3">
                        <label class="form-label">
                            <i>XPATHS</i>
                        </label>
                        <div class="row g-2">
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="rights_holder_xpaths_fullname"
                                    name="rights_holder_xpaths_fullname"
                                    value="{{ rights_holder['xpaths']['fullname'] or '' }}" placeholder="FULLNAME">
                            </div>
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="rights_holder_xpaths_url"
                                    name="rights_holder_xpaths_url" value="{{ rights_holder['xpaths']['url'] or '' }}"
                                    placeholder="URL">
                            </div>
                        </div>
                    </div>
                    {% else %}
                    {{ multi_input(collection.rights_holder or [{}], 'rights_holder') }}
                    {% endif %}
                </div>

                <div class="mb-3">
                    <label class="form-label">
                        Collector
                        <span class="text-danger">*</span>
                    </label>
                    {{ multi_input(collection.collector or [{}], 'collector') }}
                </div>
                <div class="mt-3 row text-center">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>

        <!-- Tab: Classifications -->
        <div class="tab-pane fade" id="classificationAttributes" role="tabpanel"
            aria-labelledby="classificationAttributes-tab">
            <form class="js-tab-submit" method="POST" data-reload-subtab="#classificationAttributes"
                action="{{ url_for('collection.save_collection_classifications', projectname=project.path, collectionname=collectionname) }}">
                {{ classification_input('basic_classifications', 'Basic Classification',
                collection.basic_classifications, "The Basic Classification is a
                simple library classification system. If you need assistance, please contact us. For further
                information: <a
                    href=https://wiki.k10plus.de/pages/viewpage.action?pageId=437452809>https://wiki.k10plus.de</a>") }}

                {{ classification_input('gnd_subjects', 'GND Keywords', collection.gnd_subjects) }}
                <div class="mt-3 row text-center">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>

        <!-- Tab: Work -->
        <div class="tab-pane fade" id="workAttributes" role="tabpanel" aria-labelledby="work-attributes-tab">
            <form class="js-tab-submit" method="POST" data-reload-subtab="#workAttributes"
                action="{{ url_for('collection.save_collection_metadata', projectname=project.path, collectionname=collectionname) }}">
                {{ section_heading('General') }}
                {{ xpath_or_value_input("Work's ID", 'work_id',
                collection.work_id, collection_parser) }}
                {{ xpath_or_value_input('Title', 'work_title', collection.work_title, collection_parser, required=True)
                }}
                {{ xpath_or_value_input('TGR Genre', 'genre', collection.genre, collection_parser, required=True,
                tooltip='This mandatory field only allows following values: "verse", "prose", "drama", "non-fiction",
                "reference+work" and "other"') }}
                {{ xpath_or_value_input('Place of publication', 'work_publication_place',
                collection.work_publication_place, collection_parser) }}

                {{ section_heading('Author') }}
                {{ xpath_or_value_input('ID', 'author_id', collection.author_id, collection_parser)
                }}
                {{ xpath_or_value_input('Firstname', 'author_firstname', collection.author_firstname, collection_parser)
                }}
                {{ xpath_or_value_input('Lastname', 'author_lastname', collection.author_lastname, collection_parser) }}
                {{ xpath_or_value_input('Fullname', 'author_fullname', collection.author_fullname, collection_parser) }}
                {{ section_heading('Date of Creation', required=True, tooltip='Set Date OR notBefore + notAfter!') }}
                {{ xpath_or_value_input('Date', 'work_publication_date',
                collection.work_publication_date,
                collection_parser) }}
                {{ xpath_or_value_input('notBefore', 'work_publication_notBefore',
                collection.work_publication_notBefore,
                collection_parser) }}
                {{ xpath_or_value_input('notAfter', 'work_publication_notAfter',
                collection.work_publication_notAfter,
                collection_parser) }}
                <div class="mt-3 row text-center">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>

        <!-- Tab: Edition -->
        <div class="tab-pane fade" id="editionAttributes" role="tabpanel" aria-labelledby="edition-attributes-tab">
            <form class="js-tab-submit" method="POST" data-reload-subtab="#editionAttributes"
                action="{{ url_for('collection.save_collection_metadata', projectname=project.path, collectionname=collectionname) }}">
                {{ section_heading('General') }}
                {{ xpath_or_value_input('Title', 'edition_title', collection.edition_title, collection_parser,
                required=True) }}
                {{ xpath_or_value_input('Language', 'language', collection.language, collection_parser, tooltip='Encode
                the language as ISO 639-3 Code, such as "deu", "eng, "spa", "zho", "san", etc.') }}
                {{ xpath_or_value_input('Wordcount', 'wordcount', collection.wordcount, collection_parser) }}
                {{ section_heading('Author') }}
                {{ xpath_or_value_input('ID', 'edition_author_id', collection.edition_author.id, collection_parser)
                }}
                {{ xpath_or_value_input('Firstname', 'edition_author_firstname', collection.edition_author.firstname,
                collection_parser)
                }}
                {{ xpath_or_value_input('Lastname', 'edition_author_lastname', collection.edition_author.lastname,
                collection_parser) }}
                {{ xpath_or_value_input('Fullname', 'edition_author_fullname', collection.edition_author.fullname,
                collection_parser) }}
                {{ section_heading('Publication') }}
                {{ xpath_or_value_input('Date', 'edition_publication_date',
                collection.edition_publication_date, collection_parser) }}
                {{ xpath_or_value_input('Place', 'edition_publication_place',
                collection.edition_publication_place, collection_parser) }}
                {{ section_heading('License', required=True) }}
                {{ xpath_or_value_input('Title', 'edition_license_title',
                collection.edition_license_title, collection_parser) }}
                {{ xpath_or_value_input('URL', 'edition_license_url',
                collection.edition_license_url, collection_parser) }}
                <div class="mt-3 row text-center">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>

        <!-- Tab: ELTEC Specifications -->
        <div class="tab-pane fade" id="eltecAttributes" role="tabpanel" aria-labelledby="eltecAttributes-tab">
            <form class="js-tab-submit" method="POST" data-reload-subtab="#eltecAttributes"
                action="{{ url_for('collection.save_collection_metadata', projectname=project.path, collectionname=collectionname) }}">
                {{ section_heading('General') }}
                {{ xpath_or_value_input('Author gender', 'eltec_author_gender', collection.eltec_author_gender,
                collection_parser) }}
                {{ xpath_or_value_input('Reprint count', 'eltec_reprintCount', collection.eltec_reprintCount,
                collection_parser) }}
                {{ xpath_or_value_input('Timeslot', 'eltec_time_slot', collection.eltec_time_slot,
                collection_parser) }}
                {{ xpath_or_value_input('Corpus collection', 'eltec_corpus', collection.eltec_corpus,
                collection_parser) }}
                {{ xpath_or_value_input('Size', 'eltec_size', collection.eltec_size,
                collection_parser) }}
                <div class="mt-3 row text-center">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>

        {{ required_fields_disclaimer() }}


    </div>
</div>