{% set requireSymbol = '<span class="requiredFieldSymbol">*</span>' %}

<form class="kt-form" action="" id="___lib__bok_ent" method="POST">
    <input type="hidden" name="____d__fe_rd" value="{{ books_in_library.id }}">

    {# book name #}
    <div class="kt-portlet__head-label">
        <label class="col-form-label">{{ 'Book Name'|trans }} {{ requireSymbol|raw }} </label>
    </div>
    <input type="text" name="b___name" class="form-control r__q" value="{{ books_in_library.getBookName }}"/>

    {# book cost #}
    <div class="kt-portlet__head-label">
        <label class="col-form-label">{{ 'Book Cost'|trans }} </label>
    </div>
    <input type="number" name="b___cost" class="form-control r__q" value="{{ books_in_library.getBookCost }}"/>

    {# book fine per hour #}
    <div class="kt-portlet__head-label">
        <label class="col-form-label">{{ 'Book fine per hour'|trans }} </label>
    </div>
    <input type="number" name="b___f_p_h" class="form-control r__q" value="{{ books_in_library.getBookFinePerHour }}"/>

    {# Book Auth name#}
    {% if bookAuthName %}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book Auth'|trans }} </label>
        </div>
        <select name="b___a" class="form-control simpleSelect2">

            {% for auth in bookAuthName %}
                <option value="{{ auth.id }}">{{ auth.getAuthName }}</option>
            {% endfor %}

        </select>
    {% else %}
        <div class="alert alert-warning fade show" role="alert">
            <div class="alert-icon"><i class="flaticon-warning"></i></div>
            <div class="alert-text">{{ 'Please add some Book Author before adding books in library' | trans }}
                <a target="_blank" href="{{ path('author_area') }}">{{ 'add books author?' | trans }}</a>
            </div>
        </div>
    {% endif %}

    {# Book Category name#}
    {% if bookCategory %}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book Category'|trans }} </label>
        </div>
        <select name="b___ct" class="form-control simpleSelect2">

            {% for cat in bookCategory %}
                <option value="{{ cat.id }}">{{ cat.getCatName }}</option>
            {% endfor %}

        </select>
    {% else %}
        <div class="alert alert-warning fade show" role="alert">
            <div class="alert-icon"><i class="flaticon-warning"></i></div>
            <div class="alert-text">{{ 'Please add Book Category before adding books in library' | trans }}
                <a target="_blank" href="{{ path('category_area') }}">{{ 'add books category?' | trans }}</a>
            </div>
        </div>
    {% endif %}

    {# Book Section name#}
    {% if bookSect %}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book Section'|trans }} </label>
        </div>
        <select name="b___sec" class="form-control simpleSelect2">

            {% for sec in bookSect %}
                <option value="{{ sec.id }}">{{ sec.getLsName }}</option>
            {% endfor %}

        </select>
    {% else %}
        <div class="alert alert-warning fade show" role="alert">
            <div class="alert-icon"><i class="flaticon-warning"></i></div>
            <div class="alert-text">{{ 'Please add book Section before adding books in library' | trans }}
                <a target="_blank" href="{{ path('library_section_area') }}">{{ 'add book section?' | trans }}</a>
            </div>
        </div>
    {% endif %}

    {# book description #}
    <div class="kt-portlet__head-label">
        <label class="col-form-label">{{ 'Book Description'|trans }} </label>
    </div>
    <textarea name="desc___book" class="form-control " cols="30"
              rows="3">{{ books_in_library.getBookDescription }}</textarea>


    {# book deposit requirement #}
    <div class="kt-portlet__head-label">
        <label class="col-form-label">{{ 'Book Deposit Requirement'|trans }} </label>
    </div>
    <textarea name="b__d___r" class="form-control " cols="30"
              rows="3">{{ books_in_library.getBookDepositRequirement }}</textarea>


    <br/><br/>
    <button type="button" class="add_new_copy btn btn-sm btn-primary">{{ 'Add new copy'|trans }}</button>

    <div class="copie___book_parent d-none">
        {# book copy no#}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book copy number'|trans }} </label>
        </div>
        <input type="hidden" name="b___c_ref[]" class="form-control"/>
        <input type="number" name="b___c_no[]" class="form-control"/>

        {# book copy condtion rating #}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book copy condition'|trans }} </label>
            <smal>{{ 'score out of 5'|trans }}</smal>
        </div>
        <input type="number" max="5" min="1" name="b___c_con[]" class="form-control"/>
    </div>

    {# copies of the give books or new books #}
    {% for copies in book_copies %}

        {# book copy no#}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book copy number'|trans }} </label>
        </div>
        <input type="hidden" name="b___c_ref[]" class="form-control" value="{{ copies.id }}"/>
        <input type="number" name="b___c_no[]" class="form-control" value="{{ copies.getBcNo }}"/>

        {# book copy condtion rating #}
        <div class="kt-portlet__head-label">
            <label class="col-form-label">{{ 'Book copy condition'|trans }} </label>
            <smal>{{ 'score out of 5'|trans }}</smal>
        </div>
        <input type="number" max="5" min="1" name="b___c_con[]" class="form-control"
               value="{{ copies.getBcConditionRating }}"/>

    {% endfor %}


    <div class="kt-portlet__foot">
        <div class="kt-form__actions">
            <button type="submit" class="btn-primary btn add___lib">

                {% if  books_in_library.id is empty %}
                    <span class="ad___"> {{ 'Add Book'|trans }} </span>
                {% else %}
                    <span class="ed___"> {{ 'Update book'|trans }} </span>
                {% endif %}
            </button>
        </div>
    </div>

</form>