@extends('layouts.template')

@section('title')
| Anmeldung
@endsection

@section('share')

@if( $page && $page->meta_desc != '' )  
  <meta property="og:title" content="{{ $page->meta_title }}" />
@endif
@if( $page && $page->meta_desc != '' )
  <meta name="description" content="{{ strip_tags($page->meta_desc) }}">
  <meta property="og:description" content="{{ strip_tags($page->meta_desc) }}" />
@endif
@if( $page && $page->meta_img != '' )
  <meta property="og:image" content="{{url('/')}}/{{config('imagespath.path')}}/{{$page->meta_img}}" />
@endif
<meta property="og:url" content="{{ url( $page->friendlyurl ) }}" />

@endsection

@section('content')

<main role="main">
  <section class="page-static">
    <div class="container baseline">
	  <div class="row">
		<div class="col-md-10 col-md-offset-2">
			<h1>Anmeldung</h1>
			<ul class="ariane">
			  <li><a href="{{ url('/') }}">Accueil</a></li>
			  <li>Anmeldung</li>
			</ul>
		</div>
	  </div>
    </div>
    <div class="container">
      <div class="row">
		
		<div class="col-xs-12">
			<h2>Die Anmeldungen für die Aktivierungskampagne der Bäcker- und Konditormeister 2018 sind geschlossen. Auf Wiedersehen.</h2>
		</div>

	  </div>	  
    </div>
  </section>
</main>
<style type="text/css">
	#formnew h2 {
		border-bottom: 2px solid #a94a1a;
		padding-bottom: 10px;
		margin:60px 0 40px;
		display: inline-block;
	}
	.box label.labek-normal {
		font-weight: normal;
	}
	#formnew h4 {
		text-transform:none;
		margin: 40px 0;
	}
	#formnew .form-control {
		height: 50px;
		line-height: 50px;
		margin-bottom: 15px;
	}
	#formnew select.form-control {
		height: 30px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	#formnew .horaire label {
		font-weight: bold;
		line-height: 30px;
	}
	#formnew .help-block {
		margin-top: 0;
		color: #f00;
	}
	#other_resp {
		display: none;
	}
	label .req {
		color: #f00;
		display: inline-block;
		margin-left: 5px;
	}
</style>

@endsection

@section('javascript')
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA92BmCj8_t04H-Mlz84Ijb7HLyvAj5iV4&callback=initMap"></script>
<script type="text/javascript">
(function($){
	"use strict";
	$(window).load(function() {
		// use $
		$(document).on("change", "input[name=mbp_identification]", function(){
			if( $(this).is(":checked") ){
				$("#other_resp").slideDown();
			}else{
				$("#other_resp").hide();
			}
		});
		$("input.required").each(function(){
			$(this).prev("label").append("<span class='req'>*</span>")
		});
	});
		   
})(jQuery);
</script>

@endsection