<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LiDaDashboard-tab</title>
  <base target="_self">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="./css/custom.css">
  
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
  <script type="text/javascript" src="./js/script_Luk.js"></script>
</head>
<body>

	<div class="container pt-3 px-3 my-3 border bg-lidaBG1">
		<h1 class="font-italic text-lida5">Linking Dante Search, sandbox release</h1>
		<cite class="font-italic text-primary"> "potrai cercare, e non troverai ombra"</cite> 
		<cite class="font-italic text-secondary font-weight-lighter"> (Inf., canto 32, verso 59)</cite>
		<div class="row align-items-end p-2 halfOpacity">
			<div class="col bg-lida8">&nbsp;</div>
			<div class="col bg-lida9">&nbsp;</div>
			<div class="col bg-lida3">&nbsp;</div>
			<div class="col bg-lida4">&nbsp;</div>
			<div class="col bg-lida5">&nbsp;</div>
		</div>
	</div>

	<div class="container border bg-light">
    <div class="row">
        <div class="col-md-12 p-2">
        	<ul class="nav nav-tabs" id="tab-list" role="tablist">
				<li class="nav-item" role="presentation">
    				<a class="nav-link active" id="cla0-tab" data-toggle="tab" href="#cla0" role="tab" aria-controls="cla0" aria-selected="true"><span class="text-secondary"><ion-icon name="search-circle"></ion-icon></span><span class="text-dark font-weight-bold"> Ricerca</span></a>
  				</li>
			</ul>
			
			<form>
			<div class="tab-content border-right border-left border-bottom" id="cla-TabContent">
  				<div class="tab-pane fade show active p-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
  					<div class="form-inline input-group p-1" action="">
        		        <div class="input-group-prepend">
                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
                		</div>
   						<select class="form-control custom-select" id="lemma_forma">
      						<option>il lemma</option>
      						<option>la forma</option>
						</select>
						<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
            		</div>
  					
   					<div class="text-muted p-1">
  						Applicando le clausole:
  					</div>
  					<div class="container p-3" id="cla-list">
  						<ul id="sortable1"  class="list-group ui-sortable">
  							<li class="list-group-item align-items-center ui-state-default ui-state-disabled border text-muted bg-white">Nessuna clausola aggiunta.</li>
						</ul>
  					</div>
  					<p>
  						<div class="btn-group p-1" role="group" aria-label="Bottoni menu clausole">
  							<label class="input-group-text"><ion-icon name="filter-circle"></ion-icon></label>
  							<div class="btn-group dropright" role="group">
   								<button id="btnGroupDrop1" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi clausola di tipo: </button>
    							<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      								<a class="dropdown-item" id="Grammaticale" href="#"><span class="text-lida8">Categoria grammaticale</span></a>
      								<a class="dropdown-item" id="Sintattico" href="#"><span class="text-lida9">Tipo sintattico</span></a>
      								<a class="dropdown-item" id="Metafore" href="#"><span class="text-lida3">Metafore</span></a>
      								<a class="dropdown-item" id="Dialoghi" href="#"><span class="text-lida4">Dialoghi</span></a>
      								<a class="dropdown-item" id="Struttura" href="#"><span class="text-lida5">Struttura testo</span></a>
    							</div>
 							</div>
						</div>
  					</p>
  					<div class="row p-1 align-items-end justify-content-between">
        				<div class="col">
  						<div class="btn-group" role="group" aria-label="Bottone ricerca">
  							<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
  							<button type="submit" class="btn btn-outline-primary">Cerca</button>
  						</div>
  						</div>
        				<div class="col text-right px-3">
							<span class="border rounded p-1 pt-2"><ion-icon name="save-outline"></ion-icon> <ion-icon name="folder-open-outline"></ion-icon>
							<ion-icon name="cloud-upload-outline"></ion-icon> <ion-icon name="cloud-download-outline"></ion-icon></span>
  						</div>
					</div>
  				</div>
			</div>
			
	<!-- MODELLI CLAUSOLE -->

	<!--   TIPO GRAMMATICALE -->
			<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Grammaticale" data-claActive="1">
				<div class="p-1 text-right text-primary">
					<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
					<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
				</div>
				<div class="form-group px-1 pb-1">
    				<label for="typeGramm0" class="text-muted control-label">Categoria grammaticale:</label>
    				<div class="form-inline input-group p-1" action="">
    					 <div class="input-group-prepend">
    					 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    					 </div>	
					<select class="form-control custom-select catgram" name="typeGramm0" id="grammtypes" title="Categoria grammaticale" value="oggetto" onchange="">
						<option value="all">Tutte le categorie</option>
						<optgroup label="Volgare">
							<option value="verbovolgare">Verbo volgare</option>
							<option value="sostantivovolgare">Sostantivo volgare</option>
							<option value="aggettivovolgare">Aggettivo volgare</option>
							<option value="pronomevolgare">Pronome volgare</option>
							<option value="articolovolgare">Articolo volgare</option>
							<option value="avverbiovolgare">Avverbio volgare</option>
							<option value="preposizionevolgare">Preposizione volgare</option>
							<option value="congiunzionevolgare">Congiunzione volgare</option>
							<option value="interiezionevolgare">Interiezione volgare</option>
							<option value="onomasticavolgare">Onomastica volgare</option>
							<option value="citazionevolgare">Citazione volgare</option>
						</optgroup>
						<optgroup label="Latino">
							<option value="verbo_latino_v">Verbo latino</option>
							<option value="sostantivo_latino_s">Sostantivo latino</option>
							<option value="aggettivo_latino_a">Aggettivo latino</option>
							<option value="pronome_latino_p">Pronome latino</option>
							<option value="avverbio_latino_r">Avverbio latino</option>
							<option value="preposizione_latino_e">Preposizione
								latino</option>
							<option value="congiunzione_latino_c">Congiunzione
								latino</option>
							<option value="interiezione_latino_i">Interiezione
								latino</option>
							<option value="enclitica_latino_9">Enclitica latino</option>
							<option value="citazione_latino_zi">Citazione latino</option>
							<option value="simbolo_latino_yy">Simbolo latino</option>
						</optgroup>
					</select>
					</div>
				</div>
				<div class="container form-group mx-2 mb-0 p-1 dettaglifiltri">
				
				</div>
			</div>
	<!--   FINE GRAMMATICALE -->

	<!--   TIPO SINTATTICO -->
	<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Sintattico" data-claActive="1">
		<div class="p-1 text-right text-primary">
			<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
			<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
		</div>
		<div class="form-group px-1 pb-1">
    		<label for="typeSyntax0" class="text-muted control-label">Tipo sintattico:</label>    		
    		<div class="form-inline input-group p-1" action="">
    			 <div class="input-group-prepend">
    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    			 </div>	
			<select class="form-control custom-select" name="typeSyntax0" id="synttypes" title="Tipo sintattico" value="oggetto">
				<option value=".+" class="w-10"	onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi tipo sintattico</option>

				<optgroup
					label="Macrotipi sintattici: principali e coordinate a una principale"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro dich">dichiarativa</option>
					<option value="macro escl">esclamativa</option>
					<option value="macro inter princ">interrogativa</option>
					<option value="macro iussi">iussiva</option>
					<option value="macro otta">ottativa</option>
				</optgroup>

				<optgroup
					label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro avv">avversativa</option>
					<option value="macro causale">causale</option>
					<option value="macro compar">comparativa</option>
					<option value="macro conces">concessiva</option>
					<option value="macro consec">consecutiva</option>
					<option value="macro eccettu">eccettuativa</option>
					<option value="macro epesege">epesegetica</option>
					<option value="macro esclu">esclusiva</option>
					<option value="macro finale">finale</option>
					<option value="macro inter sub">interrogativa</option>
					<option value="macro ipotet">ipotetica</option>
					<option value="macro limitat">limitativa</option>
					<option value="macro maniera">maniera</option>
					<option value="macro modale">modale</option>
					<option value="macro obliqua">obliqua</option>
					<option value="macro oggettiva">oggettiva</option>
					<option value="macro pred">predicativa</option>
					<option value="macro rel">relativa</option>
					<option value="macro sog">soggettiva</option>
					<option value="macro strum">strumentale</option>
					<option value="macro sub">subordinata con funzione di ripresa</option>
					<option value="macro temp">temporale</option>
				</optgroup>

				<optgroup label="Macrotipi sintattici: pseudocoordinate"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro pseudo">pseudocoordinata</option>
				</optgroup>

				<optgroup
					label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
					onclick="myformsyntax.functionSyntax0.disabled = true;">
					<option value="macro pare sub">parentetica con valore di subordinata</option>
					<option value="macro pare mod">parentetica modalizzante</option>
				</optgroup>

				<optgroup label="Tutti i tipi sintattici"
					onclick="myformsyntax.functionSyntax0.disabled = false;">
					<option value="avv">avversativa</option>
					<option value="caus">causale</option>
					<option value="comp ipo">comparativa con valore ipotetico</option>
					<option value="comp lim">comparativa con valore limitativo</option>
					<option value="comp mod">comparativa con valore modale</option>
					<option value="comp temp">comparativa con valore temporale</option>
					<option value="comp disug">comparativa di disuguaglianza</option>
					<option value="comp ug">comparativa di uguaglianza</option>
					<option value="comp ug rel ind temp">comparativa di uguaglianza con valore di relativa indipendente temporale</option>
					<option value="conc acond">concessiva acondizionale</option>
					<option value="conc cond">concessiva condizionale</option>
					<option value="conc fatt">concessiva fattuale</option>
					<option value="man rel giust">concorrenza del relativo in frase di maniera</option>
					<option value="fin rel giust">concorrenza del relativo in frase finale</option>
					<option value="cons antec">consecutiva con antecedente</option>
					<option value="cons antec fin">consecutiva con antecedente con valore finale</option>
					<option value="cons antec temp">consecutiva con antecedente con valore temporale</option>
					<option value="cons antec epes">consecutiva con antecedente epesegetica</option>
					<option value="cons ell">consecutiva ellittica</option>
					<option value="cons libera">consecutiva libera</option>
					<option value="cons libera fin">consecutiva libera con valore finale</option>
					<option value="cons post">consecutiva posposta</option>
					<option value="cong asind comp ug">coordinata asindetica comparativa di uguaglianza</option>
					<option value="cong asind cons antec">coordinata asindetica consecutiva con antecedente</option>
					<option value="cong asind man">coordinata asindetica di maniera</option>
					<option value="cong asind dich">coordinata asindetica dichiarativa</option>
					<option value="cong asind epes">coordinata asindetica epesegetica</option>
					<option value="cong asind esclam">coordinata asindetica esclamativa</option>
					<option value="cong asind fin">coordinata asindetica finale</option>
					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
					<option value="cong asind int altern ret">coordinata asindetica interrogativa alternativa retorica</option>
					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
					<option value="cong asind int x ret">coordinata asindetica interrogativa di tipo x retorica</option>
					<option value="cong asind int disg">coordinata asindetica interrogativa disgiuntiva</option>
					<option value="cong asind ipo">coordinata asindetica ipotetica</option>
					<option value="cong asind iuss dir">coordinata asindetica iussiva diretta</option>
					<option value="cong asind iuss indir">coordinata asindetica iussiva indiretta</option>
					<option value="cong asind ogg | cong asind ogg perc">coordinata asindetica oggettiva</option>
					<option value="cong asind ott intr">coordinata asindetica
						ottativa con introduttore</option>
					<option value="cong asind ott libera">coordinata
						asindetica ottativa libera</option>
					<option value="cong asind rel app">coordinata asindetica
						relativa appositiva</option>
					<option value="cong asind rel app comp disug">coordinata
						asindetica relativa appositiva in costrutto comparativo</option>
					<option value="cong asind rel app giust">coordinata
						asindetica relativa giustapposta</option>
					<option value="cong asind rel ind">coordinata asindetica
						relativa indipendente</option>
					<option value="cong asind rel ind temp caus">coordinata
						asindetica relativa indipendente con valore temporale-causale</option>
					<option value="cong asind rel restr">coordinata asindetica
						relativa restrittiva</option>
					<option value="cong asind rel restr comp ug">coordinata
						asindetica relativa restrittiva in costrutto comparativo</option>
					<option value="cong asind sogg soll">coordinata asindetica
						soggettiva a sollevamento</option>
					<option value="cong asind subord">coordinata asindetica
						subordinata</option>
					<option value="cong asind temp">coordinata asindetica
						temporale</option>
					<option value="avv caus">coordinata avversativa causale</option>
					<option value="avv comp ug">coordinata avversativa
						comparativa di uguaglianza</option>
					<option value="avv cons antec">coordinata avversativa
						consecutiva con antecedente</option>
					<option value="avv dich">coordinata avversativa
						dichiarativa</option>
					<option value="avv fin">coordinata avversativa finale</option>
					<option value="avv int x">coordinata avversativa
						interrogativa di tipo x</option>
					<option value="avv int x ret">coordinata avversativa
						interrogativa di tipo x retorica</option>
					<option value="avv ipo caus">coordinata avversativa
						ipotetica con valore causale</option>
					<option value="avv iuss dir">coordinata avversativa
						iussiva diretta</option>
					<option value="avv iuss indir">coordinata avversativa
						iussiva indiretta</option>
					<option value="avv modaliz ott intr">coordinata
						avversativa modalizzante ottativa con introduttore</option>
					<option value="avv ogg / avv ogg perc">coordinata
						avversativa oggettiva</option>
					<option value="avv rel app">coordinata avversativa
						relativa appositiva</option>
					<option value="avv rel app cons antec">coordinata
						avversativa relativa appositiva con valore consecutivo</option>
					<option value="avv rel app comp ug">coordinata avversativa
						relativa appositiva in costrutto comparativo</option>
					<option value="avv rel giust">coordinata avversativa
						relativa giustapposta</option>
					<option value="avv rel ind">coordinata avversativa
						relativa indipendente</option>
					<option value="avv rel ind temp">coordinata avversativa
						relativa indipendente temporale</option>
					<option value="avv rel restr">coordinata avversativa
						relativa restrittiva</option>
					<option value="avv rel restr comp ug">coordinata
						avversativa relativa restrittiva in costrutto comparativo</option>
					<option value="avv sogg">coordinata avversativa soggettiva</option>
					<option value="avv temp">coordinata avversativa temporale</option>
					<option value="cong concl cons antec">coordinata
						conclusiva consecutiva con antecedente</option>
					<option value="cong concl dich">coordinata conclusiva
						dichiarativa</option>
					<option value="cong concl dich ill">coordinata conclusiva
						dichiarativa illocutiva</option>
					<option value="cong concl iuss dir">coordinata conclusiva
						iussiva diretta</option>
					<option value="cong concl iuss dir perifr">coordinata
						conclusiva iussiva diretta perifrastica</option>
					<option value="cong concl iuss indir">coordinata
						conclusiva iussiva indiretta</option>
					<option value="cong caus">coordinata congiuntiva causale</option>
					<option value="cong comp ipo">coordinata congiuntiva
						comparativa con valore ipotetico</option>
					<option value="cong comp lim">coordinata congiuntiva
						comparativa con valore limitativo</option>
					<option value="cong comp mod">coordinata congiuntiva
						comparativa con valore modale</option>
					<option value="cong comp disug">coordinata congiuntiva
						comparativa di disuguaglianza</option>
					<option value="cong comp ug">coordinata congiuntiva
						comparativa di uguaglianza</option>
					<option value="cong rip">coordinata congiuntiva con
						funzione di ripresa</option>
					<option value="cong conc cond">coordinata congiuntiva
						concessiva condizionale</option>
					<option value="cong conc fatt">coordinata congiuntiva
						concessiva fattuale</option>
					<option value="cong cons antec">coordinata congiuntiva
						consecutiva con antecedente</option>
					<option value="cong cons antec fin">coordinata congiuntiva
						consecutiva con antecedente con valore finale</option>
					<option value="cong cons antec epes">coordinata
						congiuntiva consecutiva con antecedente epesegetica</option>
					<option value="cong cons ell">coordinata congiuntiva
						consecutiva ellittica</option>
					<option value="cong cons libera">coordinata congiuntiva
						consecutiva libera</option>
					<option value="cong cons libera fin">coordinata
						congiuntiva consecutiva libera con valore finale</option>
					<option value="cong cons post">coordinata congiuntiva
						consecutiva posposta</option>
					<option value="cong man">coordinata congiuntiva di maniera</option>
					<option value="cong dich">coordinata congiuntiva
						dichiarativa</option>
					<option value="cong dich ill">coordinata congiuntiva
						dichiarativa illocutiva</option>
					<option value="cong eccett">coordinata congiuntiva
						eccettuativa</option>
					<option value="cong epes">coordinata congiuntiva
						epesegetica</option>
					<option value="cong esclam">coordinata congiuntiva
						esclamativa</option>
					<option value="cong esclus">coordinata congiuntiva
						esclusiva</option>
					<option value="cong fin">coordinata congiuntiva finale</option>
					<option value="cong int altern">coordinata congiuntiva
						interrogativa alternativa</option>
					<option value="cong int altern">coordinata congiuntiva
						interrogativa alternativa</option>
					<option value="cong int x">coordinata congiuntiva
						interrogativa di tipo x</option>
					<option value="cong int x">coordinata congiuntiva
						interrogativa di tipo x</option>
					<option value="cong int x ret">coordinata congiuntiva
						interrogativa di tipo x retorica</option>
					<option value="cong ipo">coordinata congiuntiva ipotetica</option>
					<option value="cong ipo caus">coordinata congiuntiva
						ipotetica con valore causale</option>
					<option value="cong ipo sogg">coordinata congiuntiva
						ipotetica soggettiva</option>
					<option value="cong iuss dir">coordinata congiuntiva
						iussiva diretta</option>
					<option value="cong iuss indir">coordinata congiuntiva
						iussiva indiretta</option>
					<option value="cong lim">coordinata congiuntiva limitativa</option>
					<option value="cong modaliz ott intr">coordinata
						congiuntiva modalizzante ottativa con introduttore</option>
					<option value="cong obl">coordinata congiuntiva obliqua</option>
					<option value="cong ogg /cong ogg perc">coordinata
						congiuntiva oggettiva</option>
					<option value="cong ott libera">coordinata congiuntiva
						ottativa libera</option>
					<option value="cong rel pseudo">coordinata congiuntiva
						pseudo-relativa</option>
					<option value="cong rel app">coordinata congiuntiva
						relativa appositiva</option>
					<option value="cong rel app comp ug">coordinata
						congiuntiva relativa appositiva comparativa di uguaglianza</option>
					<option value="cong rel app cons">coordinata congiuntiva
						relativa appositiva con valore consecutivo</option>
					<option value="cong rel app epes">coordinata congiuntiva
						relativa appositiva con valore di epesegetica</option>
					<option value="cong rel app fin">coordinata congiuntiva
						relativa appositiva con valore finale</option>
					<option value="cong rel app temp">coordinata congiuntiva
						relativa appositiva con valore temporale</option>
					<option value="cong rel app comp disug">coordinata
						congiuntiva relativa appositiva in costrutto comparativo di
						disuguaglianza</option>
					<option value="cong rel app giust">coordinata congiuntiva
						relativa giustapposta</option>
					<option value="cong rel app giust caus">coordinata
						congiuntiva relativa giustapposta con valore causale</option>
					<option value="cong rel impl">coordinata congiuntiva
						relativa implicita</option>
					<option value="cong rel impl lim">coordinata congiuntiva
						relativa implicita con valore limitativo</option>
					<option value="cong rel ind">coordinata congiuntiva
						relativa indipendente</option>
					<option value="cong rel ind acond">coordinata congiuntiva
						relativa indipendente acondizionale</option>
					<option value="cong rel ind ipo">coordinata congiuntiva
						relativa indipendente con valore ipotetico</option>
					<option value="cong rel ind mod">coordinata congiuntiva
						relativa indipendente con valore modale</option>
					<option value="cong rel ind mod comp ug">coordinata
						congiuntiva relativa indipendente in costrutto comparativo-modale</option>
					<option value="cong rel ind temp">coordinata congiuntiva
						relativa indipendente temporale</option>
					<option value="cong rel restr">coordinata congiuntiva relativa restrittiva</option>
					<option value="cong rel restr caus">coordinata congiuntiva relativa restrittiva con valore causale</option>
					<option value="cong rel restr cons">coordinata congiuntiva relativa restrittiva con valore consecutivo</option>
					<option value="cong rel restr comp ug">coordinata congiuntiva relativa restrittiva in costrutto comparativo</option>
					<option value="cong rel restr temp">coordinata congiuntiva relativa restrittiva temporale</option>
					<option value="cong sogg">coordinata congiuntiva soggettiva</option>
					<option value="cong spec">coordinata congiuntiva specificativa</option>
					<option value="cong strum">coordinata congiuntiva strumentale</option>
					<option value="cong temp">coordinata congiuntiva temporale</option>
					<option value="cong temp caus">coordinata congiuntiva temporale con valore causale</option>
					<option value="cong cons caus">coordinata consecutiva causale</option>
					<option value="cong cons dich">coordinata consecutiva dichiarativa</option>
					<option value="cong corr dich">coordinata correlativa dichiarativa</option>
					<option value="cong corr fin">coordinata correlativa finale</option>
					<option value="cong corr lim">coordinata correlativa limitativa</option>
					<option value="cong corr sogg infinitoprep">coordinata correlativa soggettiva a infinito preposizionale</option>
					<option value="disg comp disug temp">coordinata disgiuntiva comparativa di disuguaglianza con valore temporale</option>
					<option value="disg conc acond">coordinata disgiuntiva concessiva acondizionale</option>
					<option value="disg conc cond">coordinata disgiuntiva concessiva condizionale</option>
					<option value="disg cons libera">coordinata disgiuntiva consecutiva libera</option>
					<option value="disg corr dich">coordinata disgiuntiva correlativa dichiarativa</option>
					<option value="disg man">coordinata disgiuntiva di maniera</option>
					<option value="disg dich">coordinata disgiuntiva dichiarativa</option>
					<option value="disg epes">coordinata disgiuntiva epesegetica</option>
					<option value="disg esclus">coordinata disgiuntiva esclusiva</option>
					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
					<option value="disg int x">coordinata disgiuntiva interrogativa di tipo x</option>
					<option value="disg int disg">coordinata disgiuntiva interrogativa disgiuntiva</option>
					<option value="disg ipo">coordinata disgiuntiva ipotetica</option>
					<option value="disg lim">coordinata disgiuntiva limitativa</option>
					<option value="disg obl">coordinata disgiuntiva obliqua</option>
					<option value="disg ogg">coordinata disgiuntiva oggettiva</option>
					<option value="disg rel ind">coordinata disgiuntiva relativa indipendente</option>
					<option value="disg rel ind acond">coordinata disgiuntiva relativa indipendente acond</option>
					<option value="disg rel ind temp">coordinata disgiuntiva relativa indipendente temporale</option>
					<option value="disg rel restr">coordinata disgiuntiva relativa restrittiva</option>
					<option value="disg rel restr cons">coordinata disgiuntiva relativa restrittiva con valore consecutivo</option>
					<option value="disg sogg">coordinata disgiuntiva soggettiva</option>
					<option value="disg temp">coordinata disgiuntiva temporale</option>
					<option value="cong espl dich">coordinata esplicativa dichiarativa</option>
					<option value="cong espl obl">coordinata esplicativa obliqua</option>
					<option value="cong espl ogg">coordinata esplicativa oggettiva</option>
					<option value="cong espl rel app antec">coordinata esplicativa relativa appositiva con antecedente</option>
					<option value="cong espl rel ind mod">coordinata esplicativa relativa indipendente con valore modale</option>
					<option value="man">di maniera</option>
					<option value="man gerundioprep">di maniera a gerundio preposizionale</option>
					<option value="dich">dichiarativa</option>
					<option value="dich ill">dichiarativa illocutiva</option>
					<option value="eccett">eccettuativa</option>
					<option value="eccett comp ug">eccettuativa con valore di comparativa di uguaglianza</option>
					<option value="epes">epesegetica</option>
					<option value="esclam">esclamativa</option>
					<option value="esclus">esclusiva</option>
					<option value="faltern">falsa alternativa</option>
					<option value="fcong">falsa congiuntiva</option>
					<option value="fin">finale</option>
					<option value="fin ipo">finale con valore ipotetico</option>
					<option value="rip">funzione di ripresa</option>
					<option value="int altern">interrogativa alternativa</option>
					<option value="int altern ret">interrogativa alternativa retorica</option>
					<option value="int x">interrogativa di tipo x</option>
					<option value="int x ret">interrogativa di tipo x retorica</option>
					<option value="int disg">interrogativa disgiuntiva</option>
					<option value="int disg ret">interrogativa disgiuntiva retorica</option>
					<option value="ipo">ipotetica</option>
					<option value="ipo biaff">ipotetica biaffermativa</option>
					<option value="ipo caus">ipotetica con valore causale</option>
					<option value="ipo eccett">ipotetica con valore eccettuativo</option>
					<option value="ipo obl">ipotetica obliqua</option>
					<option value="ipo rel giust">ipotetica relativa giustapposta</option>
					<option value="ipo sogg">ipotetica soggettiva</option>
					<option value="iuss aug">iussiva augurativa</option>
					<option value="iuss dir">iussiva diretta</option>
					<option value="iuss dir perifr">iussiva diretta perifrastica</option>
					<option value="iuss indir">iussiva indiretta</option>
					<option value="lim">limitativa</option>
					<option value="lim caus">limitativa con valore causale</option>
					<option value="lim caus eccett">limitativa con valore causale-eccettuativo</option>
					<option value="lim eccett">limitativa con valore eccettuativo</option>
					<option value="mod">modale</option>
					<option value="modaliz">modalizzante</option>
					<option value="modaliz ott intr">modalizzante ottativa con introduttore</option>
					<option value="modaliz ott libera">modalizzante ottativa libera</option>
					<option value="obl">obliqua</option>
					<option value="ogg | ogg aci | ogg perc">oggettiva</option>
					<option value="ott intr">ottativa con introduttore</option>
					<option value="ott libera">ottativa libera</option>
					<option value="pred">predicativa</option>
					<option value="rel pseudo">pseudo-relativa</option>
					<option value="rel pseudo fin">pseudo-relativa con valore finale</option>
					<option value="rel pseudo scissa">pseudo-relativa scissa</option>
					<option value="rel pseudo scissa temp">pseudo-relativa scissa con valore temporale</option>
					<option value="rel app antec">relativa appositiva con antecedente</option>
					<option value="rel app antec caus">relativa appositiva con antecedente con valore causale</option>
					<option value="rel app antec cons">relativa appositiva con antecedente con valore consecutivo</option>
					<option value="rel app antec fin cons">relativa appositiva con antecedente con valore consecutivo-finale</option>
					<option value="rel app antec fin">relativa appositiva con antecedente con valore finale</option>
					<option value="rel app antec strum">relativa appositiva con antecedente con valore strumentale</option>
					<option value="rel app antec giust">relativa appositiva con antecedente giustapposta</option>
					<option value="rel app antec comp disug">relativa appositiva con antecedente in costrutto comparativo di disuguaglianza</option>
					<option value="rel app antec comp ug">relativa appositiva con antecedente in costrutto comparativo di uguaglianza</option>
					<option value="rel app antec eccett">relativa appositiva con antecedente in costrutto eccettuativo</option>
					<option value="rel app antec giust cons">relativa appositiva giustapposta con valore consecutivo</option>
					<option value="rel app antec giust man">relativa appositiva giustapposta con valore di maniera</option>
					<option value="rel app antec giust ipo">relativa appositiva giustapposta con valore ipotetico</option>
					<option value="rel restr antec comp ug">relativa con antecedente in costrutto comparativo di uguaglianza</option>
					<option value="rel giust">relativa giustapposta</option>
					<option value="rel impl">relativa implicita</option>
					<option value="rel impl cons">relativa implicita con valore consecutivo</option>
					<option value="rel impl fin">relativa implicita con valore finale</option>
					<option value="rel impl lim">relativa implicita con valore limitativo</option>
					<option value="rel impl deon">relativa implicita deontica</option>
					<option value="rel ind">relativa indipendente</option>
					<option value="rel ind acond">relativa indipendente acondizionale</option>
					<option value="rel ind ipo">relativa indipendente con valore ipotetico</option>
					<option value="rel ind mod">relativa indipendente con valore modale</option>
					<option value="rel ind temp">relativa indipendente con valore temporale</option>
					<option value="rel ind temp acond">relativa indipendente con valore temporale acondizionale</option>
					<option value="rel ind temp caus">relativa indipendente con valore temporale-causale</option>
					<option value="rel ind caus">relativa indipendente in costrutto causale</option>
					<option value="rel ind comp">relativa indipendente in costrutto comparativo</option>
					<option value="rel ind temp comp ug">relativa indipendente in costrutto comparativo di uguaglianza</option>
					<option value="rel ind mod comp ug">relativa indipendente in costrutto comparativo-modale</option>
					<option value="rel restr antec">relativa restrittiva con antecedente</option>
					<option value="rel restr antec caus">relativa restrittiva con antecedente con valore causale</option>
					<option value="rel restr antec cons">relativa restrittiva con antecedente con valore consecutivo</option>
					<option value="rel restr antec conc cond">relativa restrittiva con antecedente con valore di concessiva condizionale</option>
					<option value="rel restr antec conc fatt">relativa restrittiva con antecedente con valore di concessiva fattuale</option>
					<option value="rel restr antec fin">relativa restrittiva con antecedente con valore finale</option>
					<option value="rel restr antec ipo">relativa restrittiva con antecedente con valore ipotetico</option>
					<option value="rel restr antec temp">relativa restrittiva con antecedente con valore temporale</option>
					<option value="rel restr antec comp disug">relativa restrittiva con antecedente in costrutto comparativo di disuguaglianza</option>
					<option value="rel restr antec comp mod">relativa restrittiva con antecedente in costrutto comparativo-modale</option>
					<option value="rel restr antec eccett">relativa restrittiva con antecedente in costrutto eccettuativo</option>
					<option value="rel restr antec lim">relativa restrittiva con antecedente in costrutto limitativo</option>
					<option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
					<option value="sogg soll">soggettiva a sollevamento</option>
					<option value="sogg scissa">soggettiva scissa</option>
					<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
					<option value="strum">strumentale</option>
					<option value="subord">subordinata</option>
					<option value="temp">temporale</option>
					<option value="temp comp ug">temporale con valore comparativo</option>
					<option value="temp ipo">temporale con valore ipotetico</option>
				</optgroup>

			</select>
			</div>
		</div>
		<div class="form-group px-1 pb-1">
  			<label for="functionSyntax" class="text-muted control-label">Livello di subordinazione:</label>	
    		<div class="form-inline input-group p-1" action="">
    			 <div class="input-group-prepend">
    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
    			 </div>	
			<select class="form-control custom-select" name="functionSyntax" id="syntfunc" title="Livello di subordinazione">
				<option value=".+">Qualsiasi livello di subordinazione</option>

				<optgroup label="Livelli di subordinazione">
					<option value="princ">principale</option>
					<option value="coord">coordinata a una principale</option>

					<option value="subord i">subordinata di I grado</option>
					<option value="subord ii">subordinata di II grado</option>
					<option value="subord iii">subordinata di III grado</option>
					<option value="subord iv">subordinata di IV grado</option>
					<option value="subord v">subordinata di V grado</option>
					<option value="subord vi">subordinata di VI grado</option>
					<option value="subord vii">subordinata di VII grado</option>

					<option value="coord i">coordinata a una subordinata di I grado</option>
					<option value="coord ii">coordinata a una subordinata di II grado</option>
					<option value="coord iii">coordinata a una subordinata di III grado</option>
					<option value="coord iv">coordinata a una subordinata di IV grado</option>
					<option value="coord v">coordinata a una subordinata di V grado</option>

					<option value="pcoord">pseudo-coordinata</option>

					<option value="parent">parentetica</option>
					<option value="coord 0">coordinata a una parentetica</option>

				</optgroup>

			</select>
			</div>
		</div>
	</div>
	<!--   FINE TIPO SINTATTICO -->


	<!-- CONDIZIONE GRAMMATICALE -->

	<div style="display: none;">
		<table id="gramm_table">
			<tr id="">
				<td class="pa3">
					<fieldset id="lemma_forma" class="bn">
						<div class="custom-control custom-radio custom-control-inline">
							<input class="custom-control-input" type="radio" id="lemma" value="lemma"
								name="oggetto"> <label for="lemma" class="custom-control-label">Lemma</label>
						</div>
						<div class="custom-control custom-radio custom-control-inline">
							<input class="custom-control-input" type="radio" id="forma" value="forma"
								name="oggetto"> <label for="forma" class="custom-control-label">Forma</label>
						</div>
					</fieldset>
				</td>
				<td class="pa3"><input id="name"
					class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text"
					aria-describedby="name-desc" name="query" value=""></td>
					
				<!-- ??? non viene usata -->
				<td class="pa3"><select id="types"
					class="form-control custom-select" name="tipo"
					title="Tipo di ricerca"> 
						<option value="parola" onclick="">Parola</option>
						<option value="sottostringa" onclick="">Sottostringa</option>
						<option value="prefisso" onclick="">Prefisso</option>
						<option value="suffisso" onclick="">Suffisso</option>
						<option value="espressione" onclick="">Espressione regolare</option>
						<option value="occorrenze" onclick="">Tutte le occorrenze</option>
				</select></td>
				<td class="pa3"><select id="types"
					class="form-control custom-select"
					name="categoria" onchange="" title="Macro categoria">
						<option value="all">Tutte le categorie</option>
						<optgroup label="Volgare">
							<option value="verbovolgare">Verbo volgare</option>
							<option value="sostantivovolgare">Sostantivo volgare</option>
							<option value="aggettivovolgare">Aggettivo volgare</option>
							<option value="pronomevolgare">Pronome volgare</option>
							<option value="articolovolgare">Articolo volgare</option>
							<option value="avverbiovolgare">Avverbio volgare</option>
							<option value="preposizionevolgare">Preposizione volgare</option>
							<option value="congiunzionevolgare">Congiunzione volgare</option>
							<option value="interiezionevolgare">Interiezione volgare</option>
							<option value="onomasticavolgare">Onomastica volgare</option>
							<option value="citazionevolgare">Citazione volgare</option>
						</optgroup>
						<optgroup label="Latino">
							<option value="verbo_latino_v">Verbo latino</option>
							<option value="sostantivo_latino_s">Sostantivo latino</option>
							<option value="aggettivo_latino_a">Aggettivo latino</option>
							<option value="pronome_latino_p">Pronome latino</option>
							<option value="avverbio_latino_r">Avverbio latino</option>
							<option value="preposizione_latino_e">Preposizione latino</option>
							<option value="congiunzione_latino_c">Congiunzione latino</option>
							<option value="interiezione_latino_i">Interiezione latino</option>
							<option value="enclitica_latino_9">Enclitica latino</option>
							<option value="citazione_latino_zi">Citazione latino</option>
							<option value="simbolo_latino_yy">Simbolo latino</option>
						</optgroup>
				</select></td>
				<td><input class="delete-record" type="submit" value="Rimuovi" data-id="0"></td>
			</tr>
		</table>
	</div>

	<!-- FINE MODELLI CLAUSOLE -->
			
			</form>
		</div>	
    </div>
  </div>

<div class="container p-2 my-3 border bg-light">
    <div class="row">
        <div class="col-md-12">
        	<ul class="nav nav-tabs" id="result-list" role="tablist">
				<li class="nav-item active" role="presentation">
    				<a class="nav-link active" id="result1-tab" data-toggle="tab" href="#result1" role="tab" aria-controls="result1" aria-selected="true"><span class="text-dark font-weight-bold">Risultati</span></a>
  				</li>
				<li class="nav-item" role="presentation">
    				<a class="nav-link" id="result2-tab" data-toggle="tab" href="#result2" role="tab" aria-controls="result2" aria-selected="true"><span class="small text-dark font-weight-bold">Testo</span></a>
  				</li>
				<li class="nav-item" role="presentation">
    				<a class="nav-link" id="result3-tab" data-toggle="tab" href="#result3" role="tab" aria-controls="result3" aria-selected="true"><span class="small text-dark font-weight-bold">Query Sparql</span></a>
  				</li>
			</ul>
			<div class="tab-content border-right border-left border-bottom" id="result-TabContent">
  				<div class="tab-pane fade show active p-2 bg-white" id="result1" role="tabpanel" aria-labelledby="result1-tab">
  					<div class="form-outline text-muted font-weight-normal p-1" id="showrisultati">
  						<label class="form-label" for="risultati">Risultati della ricerca:</label>
  						<textarea class="form-control bg-white" id="risultati" rows="2" placeholder="Nessun risultato" readonly></textarea>
					</div>
				</div>
  				<div class="tab-pane fade p-2 bg-white" id="result2" role="tabpanel" aria-labelledby="result2-tab">
					<div class="form-outline text-muted font-weight-normal p-1" id="showtext">
						<label class="form-label" for="risultatitesto">Risultati testuali della ricerca:</label>
						<textarea class="form-control bg-white" id="risultatitesto" rows="2" placeholder="Nessun risultato" readonly></textarea>
					</div>
				</div>
  				<div class="tab-pane fade p-2 bg-white" id="result3" role="tabpanel" aria-labelledby="result3-tab">
					<div class="form-outline text-muted font-weight-normal p-1" id="showsparqlquery">
						<label class="form-label" for="sparqlquery">La query SPARQL รจ:</label>
						<textarea class="form-control bg-white" id="sparqlquery" rows="2" placeholder="Nessuna query" readonly></textarea>
					</div>
				</div>
			</div>
     	</div>
    </div>
</div>
	<div class="container pb-3 px-3 my-3 border bg-lidaBG1">
		<div class="row align-items-end p-2 halfOpacity">
			<div class="col shadow bg-lida8">&nbsp;</div>
			<div class="col shadow bg-lida9">&nbsp;</div>
			<div class="col shadow bg-lida3">&nbsp;</div>
			<div class="col shadow bg-lida4">&nbsp;</div>
			<div class="col shadow bg-lida5">&nbsp;</div>
		</div>
		<p class="text-right">
  			<cite class="font-italic text-lida5">Info &amp; Copyright</cite>
  			<cite class="font-italic text-secondary font-weight-lighter">(idem)</cite>
  		</p>
	</div>
</div>

<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>