{# templates/admin/crud_view.html.twig #}

{% extends 'admin/base_admin.html.twig' %}

{% trans_default_domain 'admin' %}

{% block part_title %}{{ part_title }}{% endblock %}

{% block stylesheets %}
    <style>
        .even-smaller-button {
            margin-left: 5px;
            padding: 2px 5px;
            font-size: 10px;
            line-height: 1.3;
        }

        .mr-5 {
            margin-right: 5px;
        }

        .ml-5 {
            margin-left: 5px !important;
        }

        .ml-30 {
            margin-left: 30px;
        }

        .label-input {
            margin: 0 10px 5px 0;
        }

        .thumbnail-admin {
            width: 100%;
            height: 100%;
            max-width: 450px;
            display: block;
            margin-bottom: 5px;
        }

        .school-link {
            display: inline-block;
            float: right;
        }
    </style>
{% endblock %}

{% block body %}

    <div class="box box-default color-palette-box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ title }}</h3>
            {% if link is defined %}
                <a href="{{ link }}" class="school-link" target="_blank">{{ ( entity ~ '.link' )|trans }}</a>
            {% endif %}
        </div>

        <div class="box-body">
            <div class="row" style="padding-left: 20px;padding-right: 20px;">
                <div class="col">

                    {{ form( form ) }}

                </div>
            </div>
        </div>
    </div>

    {% if entity in [ 'deck' ] %}
        <input type="hidden" id="card-upload-dir" value="{{ asset( get_card_upload_directory() ) }}">
        <input type="hidden" id="get-years-url" value="{{ path( 'admin_deck_get_years', { 'curriculum': '-curriculum-' } ) }}">
        <input type="hidden" id="get-subjects-url" value="{{ path( 'admin_deck_get_subjects', { 'year': '-year-' } ) }}">
        <input type="hidden" id="get-chapters-url" value="{{ path( 'admin_deck_get_chapters', { 'subject': '-subject-' } ) }}">

        <div id="card-render" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <iframe id="iframe-card-render" style="height: 80vh; width: 100%" src="" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}

{% block javascripts %}
    {% if entity in [
        'company',
        'speaker',
        'industry',
        'diploma',
        'exam',
        'school',
        'school_light',
        'deck',
        'curriculum',
        'subject',
        'ranking',
        'examination',
    ] %}
        {{ encore_entry_script_tags( 'admin-' ~ entity ) }}
    {% endif %}
{% endblock %}