<!-- Autoren Section -->
<div id="authors">
    <form id="validateAuthor1">
    	<div class="mt-3" id="author1">
    	    <div class="input-group col-12">
            	<label for="inputauthor1" class="col-2 ps-2 col-form-label">AutorIn</label>
	    	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput1" required aria-label="author1" style="background-color:#cfe2ff;" value="<?php echo $lastname .', ' .$firstname ?>" aria-describedby="button-author1" disabled onfocusout="validateField('authorinput1')">
	        </div>
	        <div class="invalid-feedback">
        		Bitte Autor in der Form "Nachname, Vorname" eingeben.
      	    	</div>
<!--	    	<div class="col-2 ps-3 me-3">
		    <select id="role_select1" class="form-select" placeholder="Rolle" aria-label="Rolle">
	            	<option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		    	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>	
	    	</div>
-->
	    	<button class="btn button_fix" type="button" id="button-add-author-1" onclick="insert('author', 2, 9)">  <i class="bi h3 bi-file-plus"></i></button>
	    </div>
    	</div>
    </form> 

    <form id="validateAuthor2">
    	<div class="mt-3" id="author2">
    	    <div class="input-group col-12">
            	<label for="inputauthor2" class="col-2 ps-3 col-form-label">   ... weitere</label>
	    	<div class="col-6 ps-2">
	            <input  type="text" class="form-control" id="authorinput2" required placeholder="Nachname, Vorname" aria-label="author2" aria-describedby="button-author2" oninput="validateField('author', 2)" onfocusout="validateNameFormat('author',2)">
	        </div>
<!--
	        <div class="col-2 ps-3 me-3">
		    <select id="role_select2" class="form-select" placeholder="Rolle" aria-label="Rolle">
	            	<option value="Autor">Autor</option>
	            	<option value="Herausgeber">Herausgeber</option>
	            	<option value="Illustrator">Illustrator</option>
	            	<option value="Mitwirkender">Mitwirkender</option>
	            	<option value="Gefeierter">Gefeierter</option>
		    </select>
	    	</div>
-->
	    	<button class="btn button_fix" type="button" id="button-add-author-2" onclick="insert('author', 3, 9); validateNameFormat('author',2)">  
			<i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-2" onclick="del('author', 2,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
	    </div>
    	    <div id="author2Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen  
    	    </div>
    	    <div id="author2Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
    	    </div>
	</div>
    </form>

    <form id="validateAuthor3">
    	<div class="mt-3" id="author3">
            <div class="input-group col-12">
            	<label for="inputauthor3" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput3" required placeholder="Nachname, Vorname" aria-label="author3" aria-describedby="button-author3" oninput="validateField('author', 3)" onfocusout="validateNameFormat('author',3)">
            	</div>
<!--
            	<div class="col-2 ps-3 me-3">
		    <select id="role_select3" class="form-select" placeholder="Rolle" aria-label="Rolle">
	                <option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		    	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-add-author-3" onclick="insert('author', 4, 9); validateNameFormat('author',3)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
             	<button class="btn button_fix" type="button" id="button-del-author-3" onclick="del('author', 3,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author3Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author3Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
	</div>
    </form>

    <form id="validateAuthor4">
    	<div class="mt-3" id="author4">
            <div class="input-group col-12">
            	<label for="inputauthor4" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput4" required placeholder="Nachname, Vorname" aria-label="author4" aria-describedby="button-author4" oninput="validateField('author', 4)" onfocusout="validateNameFormat('author', 4)">
            	</div>
<!--
            	<div class="col-2 ps-3 me-3">
	            <select  id="role_select4" class="form-select" placeholder="Rolle" aria-label="Rolle">
	            	<option value="Autor">Autor</option>
	            	<option value="Herausgeber">Herausgeber</option>
	            	<option value="Illustrator">Illustrator</option>
	            	<option value="Mitwirkender">Mitwirkender</option>
	            	<option value="Gefeierter">Gefeierter</option>
	            </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-add-author-4" onclick="insert('author', 5, 9) ; validateNameFormat('author',4)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-4" onclick="del('author', 4,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author4Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author4Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
	</div>
    </form>

    <form> 
    	<div class="mt-3" id="author5">
            <div class="input-group col-12">
            	<label for="inputauthor5" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput5" required placeholder="Nachname, Vorname" aria-label="author5" aria-describedby="button-author5" oninput="validateField('author', 5)" onfocusout="validateNameFormat('author', 5)">
            	</div>
<!--
            	<div class="col-2 ps-3 me-3">
	            <select id="role_select5" class="form-select" placeholder="Rolle" aria-label="Rolle">
		    	<option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		    	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-add-author-5" onclick="insert('author', 6, 9) ; validateNameFormat('author',5)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-5" onclick="del('author', 5,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author5Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author5Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
	    </div>
    	</div>
    </form>

    <form>
    	<div class="mt-3" id="author6">
            <div class="input-group col-12">
            	<label for="inputauthor6" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput6" required placeholder="Nachname, Vorname" aria-label="author6" aria-describedby="button-author6" oninput="validateField('author', 6)" onfocusout="validateNameFormat('author', 6)">
            	</div>
 <!--
            	<div class="col-2 ps-3 me-3" id="role_select6">
 	            <select id="role_select6" class="form-select" placeholder="Rolle" aria-label="Rolle">
		    	<option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		   	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-add-author-6" onclick="insert('author', 7, 9) ; validateNameFormat('author',6)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-6" onclick="del('author', 6,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author6Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author6Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

    <form>
    	<div class="mt-3" id="author7">
            <div class="input-group col-12">
            	<label for="inputauthor7" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput7" required placeholder="Nachname, Vorname" aria-label="author7" aria-describedby="button-author7" oninput="validateField('author', 7)" onfocusout="validateNameFormat('author', 7)">
            	</div>
<!--
            	<div class="col-2 ps-3 me-3">
		    <select id="role_select7" class="form-select" placeholder="Rolle" aria-label="Rolle">
	                <option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		    	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-add-author-7" onclick="insert('author', 8, 9) ; validateNameFormat('author',7)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-7" onclick="del('author', 7,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author7Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author7Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

    <form>
    	<div class="mt-3" id="author8">
            <div class="input-group col-12">
            	<label for="inputauthor8" class="col-2 ps-3 col-form-label">   ... weitere</label>
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput8" required placeholder="Nachname, Vorname" aria-label="author8" aria-describedby="button-author8" oninput="validateField('author', 8)" onfocusout="validateNameFormat('author', 8)">
                </div>
<!--
                <div class="col-2 ps-3 me-3">
		    <select id="role_select8" class="form-select" placeholder="Rolle" aria-label="Rolle">
	            	<option value="Autor">Autor</option>
		    	<option value="Herausgeber">Herausgeber</option>
		    	<option value="Illustrator">Illustrator</option>
		    	<option value="Mitwirkender">Mitwirkender</option>
		    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
            	<button class="btn button_fix" type="button" id="button-add-author-8" onclick="insert('author', 9, 9) ; validateNameFormat('author',8)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
            	<button class="btn button_fix" type="button" id="button-del-author-8" onclick="del('author', 8,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
-->
            <div id="author8Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author8Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
        </div>
    </form>

    <form>
    	<div class="mt-3" id="author9">
            <div class="input-group col-12">
            	<label for="inputauthor9" class="col-2 ps-3 col-form-label">   ... weitere</label>
<!--
            	<div class="col-6 ps-2">
                    <input  type="text" class="form-control" id="authorinput9" required placeholder="Nachname, Vorname" aria-label="author9" aria-describedby="button-author9" oninput="validateField('author', 9)" onfocusout="validateNameFormat('author', 9)">
            	</div>
            	<div class="col-2 ps-3 me-3" id="role_select9">
		    <select id="role_select9" class="form-select" placeholder="Rolle" aria-label="Rolle">
        	    	<option value="Autor">Autor</option>
        	    	<option value="Herausgeber">Herausgeber</option>
        	    	<option value="Illustrator">Illustrator</option>
        	    	<option value="Mitwirkender">Mitwirkender</option>
        	    	<option value="Gefeierter">Gefeierter</option>
		    </select>
            	</div>
-->
            	<button class="btn button_fix" type="button" id="button-del-author-9" onclick="del('author', 9,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div id="author9Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                               Bitte AutorInnen-Name in der Form Nachname, Vorname erfassen
            </div>
            <div id="author9Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

</div>
<!--Ende Autoren Section -->
