@extends('master')
@section('title', 'Hitta rätt tid för mötet')
@section('content')
		<div class="container">
			<div class="row">
				<div class="col-lg-8">
					<form class="form-horizontal" action="{{url('newevents')}}" method="POST" id="myform" name="myform">
						@csrf

						<ul id="progressbar">
						    <li id="progress1" class="active">Mötesdetaljer</li>
						    <li id="progress2">Lägg till förslag på datum och tid</li>
						    <li id="progress3">Dela med deltagare</li>
						 </ul>
						 
						<fieldset id="step1" class="">
							<h1>Välkommen till Tid.nu!</h1>
							<p>Här kan du enkelt synka tidpunkter för möten. Börja med att ange mötesdetaljerna nedan. Därefter lägger du till tidsförslag som du slutligen delar med dina vänner. När alla svarat är det enkelt att se vilket tidsförslag som flest kan delta på. Då är det bara att boka in mötet! För dig som tidigare provat Doodle så kommer du märka att detta är ett svenskt alternativ (utan för mycket reklam eller dyra betalversioner).</p>
							<h5>Planera in ett möte</h5>
							<label for="title" class="col-lg-4 control-label">Rubrik</label>
							<input type="text" name="tid_title" class="form-control" placeholder="Rubrik">

							<br><label for="title" class="col-lg-4 control-label">Beskrivning (frivillig)</label>
							<textarea name="tid_desc" class="form-control" placeholder="Beskrivning (frivillig)"></textarea>

							<label for="title" class="col-lg-4 control-label">Plats (frivillig)</label>
							<input type="text" name="tid_loc" class="form-control" placeholder="Plats (frivillig)">
							<label>Teme</label>


							 <input type="radio" name="theme" value="0" checked>
							 <label for="html">Möte</label>
							 <input type="radio" name="theme" value="1">
							 <label for="html">Date</label>
							 <input type="radio" name="theme" value="2">
							 <label for="html">Jobbmöte</label>
							 <input type="radio" name="theme" value="3">
							 <label for="html">Svensexa</label>
							 <input type="radio" name="theme" value="4">
							 <label for="html">Möhippa</label>
							 <input type="radio" name="theme" value="5">
							 <label for="html">Middag</label>
							 <input type="radio" name="theme" value="6">
							 <label for="html">Resa</label>
							 <input type="radio" name="theme" value="7">
							 <label for="html">Fest</label>
							 <input type="radio" name="theme" value="8">
							 <label for="html">Födelsedag</label>
							 <input type="radio" name="theme" value="9">
							 <label for="html">Kalas</label>
							 <input type="radio" name="theme" value="10">
							 <label for="html">Studentskiva</label>
							 <input type="radio" name="theme" value="11">
							 <label for="html">Övrigt</label>
							 <div id="othertheme" style="display:none;">
							 	<input type="text" class="form-control" name="othertheme" placeholder="Övrigt tema">
							 </div>
							 
							 <br>
							@if (Auth::guest())
									<input type="email" class="form-control" id="emailguest" name="emailguest" placeholder="Din mail"><br>
									<a class="btn btn-primary" id="next-guest">Nästa</a>
								
							@else
								<a class="btn btn-primary" id="next">Nästa</a>
							@endif
  								
							<div id="new-account-sec" style="display: none;">
								<h6>Du har inget konto än, ange dina uppgifter nedan.</h6>
								<x-register />
								<a class="btn btn-primary" id="next1">Nästa</a>
							</div>
							<div id="account-sec" style="display: none;">
    								<input type="password" class="form-control" id="passworduser" name="passworduser" placeholder="Lösenord" required="required">
    								<div style="display:none;" id="password-error" class="error">Ogiltigt användarnamn eller lösenord</div>
								<a class="btn btn-primary" id="next-user">Nästa</a>
							</div>
						</fieldset>
						
						<fieldset id="step2" class="" style="display:none;">
							<div class="datetime-section">
							    <div id= "setdate" style = "margin-left:0px;"></div>

							    <div style="display:none;" id="date-error" class="error">Välj minst två datum</div>

							    <div id="timesection">   	
							    </div>
							     
						    </div>
						    <div id="other-settings">
							     	<div class="deadline-sec">
							     		<label class="switch">
										  <input type="checkbox" name="deadline">
										  <span class="slider round"></span>
										</label>
										<label>Sätt en deadline för svar</label>
										<input type="text" name="deadline_date" id="deadline_date" style="display: none;" required />
							     	</div>
									
							     	<div class="notification-sec">
							     		<label class="switch">
										  <input type="checkbox" name="notification-option">
										  <span class="slider round"></span>
										</label>
										<label>Få notifieringar per mail när någon svarar.</label>
							     	</div>
							     	<input type="checkbox" name="participant-hide">
							     	<label>Dölj deltagarnamn (endast du som skapat omröstningen kommer att kunna se dem)</label>
							     	<br>
							     	<input type="checkbox" name="one-answer">
							     	<label>Begränsa deltagarna till en enda röst (Om alternativet är aktiverat kan endast inloggade användare delta)</label>
							     	<br>
							     	<input type="checkbox" name="ask-contact">
									<label>Be om kontaktinformation</label>
									<div id="ask-contact-sec" style="display:none;">
										<input type="checkbox" name="contact-email" checked="checked" disabled />
										<label>E-post</label>
										<input type="checkbox" name="contact-phone" checked="checked" disabled />
										<label>Mobil</label><br>
										<input type="text" placeholder="Annan valfri information 1" name="other_contact1" /><br><br>
										<input type="text" placeholder="Annan valfri information 2" name="other_contact2" /><br><br>
										<input type="text" placeholder="Annan valfri information 3" name="other_contact3" /><br><br>
										<input type="text" placeholder="Annan valfri information 4" name="other_contact4" /><br><br>
										<input type="text" placeholder="Annan valfri information 5" name="other_contact5" /><br><br>
									</div>
							     </div>
							<a class="btn btn-primary" id="previous" >Tidigare</a>
							<input class="btn btn-success" type="button" value="Skicka in " id="save">
						</fieldset>
					</form>
					
					
				</div>
			</div>
		</div>
@endsection