<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Nachbearbeitung</title>
        <link rel="stylesheet" type="text/css" media="screen" href="../intern/sofue/css/jquery-ui.min.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="../intern/sofue/css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="../intern/sofue/css/jquery-ui-timepicker-addon.css" />
 		<link href="css/basscss-custom.css" rel="stylesheet">
 	    <link rel="stylesheet" type="text/css" media="screen" href="css/mystyle.css" />
 	    		       
        <script type="text/javascript" src="../intern/sofue/js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/i18n/grid.locale-de.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/jquery.jqGrid.min.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/jquery-ui-1.10.0.custom.min.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/jquery-ui-timepicker-addon.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/moment.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/de.js"></script>
        <script type="text/javascript" src="../intern/sofue/js/ajax.js"></script>
		<script type="text/javascript" src="js/jquery-ui-slider-access-addon.js"></script>
		        
        <script type="text/javascript" src="js/version.js"></script>
        <script type="text/javascript" src="js/beoanswer.js"></script>
	
	</head>

<?php
$id = $_GET['id']
?>
<script>
let url_id =  <?php echo json_encode($id); ?>;
</script>

<body>
	<div id="master" class="container h3 border border-blue m1 bg-darken-1">
    	<section class="px1">
    
    		<h1 id="sofueHead" class="h1 mb0 center">Sonderführung vom <br class="sm-hide"></h1>
			<h3 class="h3 mb2 center" id="sofueName">für </h3>
    		<h2 class="h2 mb3 center bg-yellow">Nachbearbeitung</h2>
    
    		<div class="clearfix" >
    			<div>
    				<div id="inputstatt" class="mb2 border">
    					<div class="bold" >Fand die Führung statt?</div>
    					<div>
        					<label class="inline"> 
        						<input type="radio" id="statt_ja" name="statt" value="ja"> 
        						ja
        					</label> 
        					<label class="inline"> 
        						<input type="radio" id="statt_nein" name="statt" value="nein"> 
        						nein
        					</label>
    					</div>
    				</div>
    
    				<div id="inputabs" class="mb2 border hide">
    					<div class="bold">Die Führung wurde </div>
    					<div>
        					<label class="inline mb2 "> 
        						<input type="radio" id="abges" name="nostatt" value="abgesagt"> 
        						abgesagt.
        					</label> 
        					<label class="inline mb2"> 
        						<input type="radio"	id="verscho" name="nostatt" value="verschoben"> 
        						verschoben.
        					</label>
    					</div>
    				</div>
    				
    				<div id="verschbn" class="mb2 border hide">
    					<div class="bold">
    						<label for="newtermin" class="bold mr2">Verschoben auf:</label>
    					</div>
    					<div>
    						<input type="text" id="newtermin" placeholder="neues Datum wählen">
    					</div>
    				</div>
    			</div>
    
    			<div id="besucher" class="mb2 border  hide">
    				<div class="bold">
    					<label for="beszahl" class="bold mr2">Besucher-Anzahl:</label>
    				</div>
    				<div>
    					<input type="text" id="beszahl" placeholder="Anzahl eingeben">
						<button class="btn btn-primary mb1 mr2 ml3 mt1" id="btnOK0">OK</button>
    				</div>
    			</div>				
    
				<div class="clearfix"></div>
    			<div id="diespende" class="mb2 border  hide">
        			<div class=" bold">Eine Spende</div>
        			<div>
        				<div id="inputspend">
        					<label class="block"> <input type="radio" id="spendbar"
        						name="spend" value="bar"> ist in bar eingegangen. 
        					</label> 
        					<label class="block"> <input type="radio"
        						id="spendueber" name="spend" value="ueberweis"> wird überwiesen.
        					</label>
        					<label class="block"> <input type="radio"
        						id="spendkasse" name="spend" value="kasse"> ist in der Spendenkasse.
        					</label>
        					<label class="block mb1"> <input type="radio"
        						id="spendno" name="spend" value="nospend"> ist nicht vorgesehen.
        					</label>
        				</div>
        			</div>
				</div> 
				   
				<div id="barspend" class="mb2 border  hide">
					<div class="bold">
						<label for="barsp" class="bold mr2">Höhe der Barspende:</label>
					</div>
					<div>
						<input class="mr1" type="text" id="barsp" placeholder="Betrag in EURO">&euro;
						<button class="btn btn-primary mb1 mr2 ml3 mt1" id="btnOK1">OK</button>
					</div>
				</div>
    				
				<div class="clearfix"></div>
				<div id="remarks" class="mb2 border  hide">
					<div class="bold">
						<label for="remark" class="bold mr2">Bemerkungen (optional):</label>
					</div>
					<div>
						<textarea class="mr1" id="remark" placeholder="Bemerkung"></textarea> 
						<button class="btn btn-primary mb1 mr2 ml3 mt1" id="btnOK2">OK</button>
					</div>
				</div>
    				
				<div id="fertig" class="mb2 border hide ">
					<div class="bold center">
						Fertig
					</div>
				</div>

    		</div>
    		
    		<div id="beendet" class="m2 border hide">
        		<div class="bold center">
        			Daten in die Datenbank übernommen. <br />
        			Vielen Dank
        		</div>
    		</div>
    	</section>

		<div class="center mt2" id="tosend">
			<button class="btn btn-primary mb1 mr2" id="btncancel">Abbruch</button>
			<button class="btn btn-primary mb1 mr2" id="btnMan">Anleitung</button>
			<button class="btn btn-primary mb1 hide" id="btnsend">Senden</button>
		</div>

		<!-- Ende von "main" -->

		<!--  div für PopUp  -->
		<div id="maint"></div>
		
		<!-- Info unter Tabelle -->
		<div id="author" class="h5 mt2 mb1 py1">
			<div id="mailadr" class="left px1">
				<a href="mailto:rexfue@gmail.com">mailto:rexfue@gmail.com</a>
			</div>
			<div id="versn" class="right px1">
			</div>
			<div class="clearfix"></div>
		</div>
		<div id='anleitung'></div>
	</div>
	<!--  container -->

</body>
</html>