@extends('layouts.template')

@section('title')
| Trouver une boulangerie-Pâtisserie - {{ $shop->name }}
@endsection

@section('share')

@if( $shop && $shop->meta_desc != '' )  
  <meta property="og:title" content="{{ $shop->meta_title }}" />
@else
  <meta property="og:title" content="{{ $shop->name }} - Maitre Boulanger-Pâtissier" />
@endif
@if( $shop && $shop->meta_desc != '' )
  <meta name="description" content="{{ strip_tags($shop->meta_desc) }}">
  <meta property="og:description" content="{{ strip_tags($shop->meta_desc) }}" />
@endif
@if( $shop && $shop->meta_img != '' )
  <meta property="og:image" content="{{url('/')}}/{{config('imagespath.path')}}/{{$shop->meta_img}}" />
@endif

<meta property="og:url" content="{{ url('trouver-une-boulangerie-patisserie/' . $shop->friendlyurl ) }}" />

@endsection

@section('content')

<main role="main">
  <section class="page-static">
    <div class="container baseline">
	  <div class="row">
		<div class="col-sm-10 col-sm-offset-2">
		    <h1>{{ $shop->name }}</h1>
			<ul class="ariane">
			  <li><a href="{{ url('/') }}">Accueil</a></li>
			  <li>Trouver une boulangerie-Pâtisserie</li>
			  <!--li>{{ $shop->name }}</li-->
			</ul>
		</div>
	  </div>
    </div>
	<div class="container">          
      <div class="row">
	      <div class="col-md-8">
	        <article class="shop">
				
				<div id="map" class="googlemap-module"></div>
				<div class="shop-data">
				  <div class="row">
					<div class="col-xs-12">
						{{$shop->street}} | {{$shop->zip}} {{$shop->city}} | Belgique
					</div>
				  </div>
				</div>

			</article>
			<div class="shop-hour">
				<div class="row">
				  <div class="col-md-7">				
					<h3>Heures d'ouverture</h3>
					<table class="table table-condensed ">
					  <tr class="day-mon">
						<td class="td-label">Lundi</td>
						<td class="td-value text-right">
						  @if($shop->mon_closed == 1)
							Fermé
						  @else
							@if($shop->mon_morning_in != '00:00:00')
								{{ substr($shop->mon_morning_in,0,5) }}
							@endif
							@if($shop->mon_morning_in != '00:00:00' && $shop->mon_morning_out != '00:00:00')
								- {{ substr($shop->mon_morning_out,0,5) }}
							@endif

							@if($shop->mon_morning_in != '00:00:00' && $shop->mon_morning_out != '00:00:00' && $shop->mon_afternoon_in != '00:00:00' && $shop->mon_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->mon_afternoon_in != '00:00:00')
								{{ substr($shop->mon_afternoon_in,0,5) }}
							@endif							
							@if($shop->mon_afternoon_out != '00:00:00')
								- {{ substr($shop->mon_afternoon_out,0,5) }}							
							@endif
						  @endif
						</td>
					  </tr>
					  <tr class="day-tue">
						<td class="td-label">Mardi</td>
						<td class="td-value text-right">
						  @if($shop->tue_closed == 1)
							Fermé
						  @else
							@if($shop->tue_morning_in != '00:00:00')
								{{ substr($shop->tue_morning_in,0,5) }}
							@endif
							@if($shop->tue_morning_in != '00:00:00' && $shop->tue_morning_out != '00:00:00')
								- {{ substr($shop->tue_morning_out,0,5) }}
							@endif

							@if($shop->tue_morning_in != '00:00:00' && $shop->tue_morning_out != '00:00:00' && $shop->tue_afternoon_in != '00:00:00' && $shop->tue_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->tue_afternoon_in != '00:00:00')
								{{ substr($shop->tue_afternoon_in,0,5) }}
							@endif							
							@if($shop->tue_afternoon_out != '00:00:00')
								- {{ substr($shop->tue_afternoon_out,0,5) }}							
							@endif					
						  @endif
						</td>
					  </tr>
					  <tr class="day-wed">
						<td class="td-label">Mercredi</td>
						<td class="td-value text-right">
						  @if($shop->wed_closed == 1)
							Fermé
						  @else
							@if($shop->wed_morning_in != '00:00:00')
								{{ substr($shop->wed_morning_in,0,5) }}
							@endif
							@if($shop->wed_morning_in != '00:00:00' && $shop->wed_morning_out != '00:00:00')
								- {{ substr($shop->wed_morning_out,0,5) }}
							@endif

							@if($shop->wed_morning_in != '00:00:00' && $shop->wed_morning_out != '00:00:00' && $shop->wed_afternoon_in != '00:00:00' && $shop->wed_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->wed_afternoon_in != '00:00:00')
								{{ substr($shop->wed_afternoon_in,0,5) }}
							@endif							
							@if($shop->wed_afternoon_out != '00:00:00')
								- {{ substr($shop->wed_afternoon_out,0,5) }}							
							@endif					
						  @endif
						</td>
					  </tr>
					  <tr class="day-thu">
						<td class="td-label">Jeudi</td>
						<td class="td-value text-right">
						  @if($shop->thu_closed == 1)
							Fermé
						  @else
							@if($shop->thu_morning_in != '00:00:00')
								{{ substr($shop->thu_morning_in,0,5) }}
							@endif
							@if($shop->thu_morning_in != '00:00:00' && $shop->thu_morning_out != '00:00:00')
								- {{ substr($shop->thu_morning_out,0,5) }}
							@endif

							@if($shop->thu_morning_in != '00:00:00' && $shop->thu_morning_out != '00:00:00' && $shop->thu_afternoon_in != '00:00:00' && $shop->thu_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->thu_afternoon_in != '00:00:00')
								{{ substr($shop->thu_afternoon_in,0,5) }}
							@endif							
							@if($shop->thu_afternoon_out != '00:00:00')
								- {{ substr($shop->thu_afternoon_out,0,5) }}							
							@endif			
						  @endif
						</td>
					  </tr>
					  <tr class="day-fri">
						<td class="td-label">Vendredi</td>
						<td class="td-value text-right">
						  @if($shop->fri_closed == 1)
							Fermé
						  @else
							@if($shop->fri_morning_in != '00:00:00')
								{{ substr($shop->fri_morning_in,0,5) }}
							@endif
							@if($shop->fri_morning_in != '00:00:00' && $shop->fri_morning_out != '00:00:00')
								- {{ substr($shop->fri_morning_out,0,5) }}
							@endif

							@if($shop->fri_morning_in != '00:00:00' && $shop->fri_morning_out != '00:00:00' && $shop->fri_afternoon_in != '00:00:00' && $shop->fri_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->fri_afternoon_in != '00:00:00')
								{{ substr($shop->fri_afternoon_in,0,5) }}
							@endif							
							@if($shop->fri_afternoon_out != '00:00:00')
								- {{ substr($shop->fri_afternoon_out,0,5) }}							
							@endif					
						  @endif
						</td>
					  </tr>
					  <tr class="day-sat">
						<td class="td-label">Samedi</td>
						<td class="td-value text-right">
						  @if($shop->sat_closed == 1)
							Fermé
						  @else
							@if($shop->sat_morning_in != '00:00:00')
								{{ substr($shop->sat_morning_in,0,5) }}
							@endif
							@if($shop->sat_morning_in != '00:00:00' && $shop->sat_morning_out != '00:00:00')
								- {{ substr($shop->sat_morning_out,0,5) }}
							@endif

							@if($shop->sat_morning_in != '00:00:00' && $shop->sat_morning_out != '00:00:00' && $shop->sat_afternoon_in != '00:00:00' && $shop->sat_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->sat_afternoon_in != '00:00:00')
								{{ substr($shop->sat_afternoon_in,0,5) }}
							@endif							
							@if($shop->sat_afternoon_out != '00:00:00')
								- {{ substr($shop->sat_afternoon_out,0,5) }}							
							@endif					
						  @endif
						</td>
					  </tr>
					  <tr class="day-sun">
						<td class="td-label">Dimanche</td>
						<td class="td-value text-right">
						  @if($shop->sun_closed == 1)
							Fermé
						  @else
							@if($shop->sun_morning_in != '00:00:00')
								{{ substr($shop->sun_morning_in,0,5) }}
							@endif
							@if($shop->sun_morning_in != '00:00:00' && $shop->sun_morning_out != '00:00:00')
								- {{ substr($shop->sun_morning_out,0,5) }}
							@endif

							@if($shop->sun_morning_in != '00:00:00' && $shop->sun_morning_out != '00:00:00' && $shop->sun_afternoon_in != '00:00:00' && $shop->sun_afternoon_out != '00:00:00')
								/
							@endif

							@if($shop->sun_afternoon_in != '00:00:00')
								{{ substr($shop->sun_afternoon_in,0,5) }}
							@endif							
							@if($shop->sun_afternoon_out != '00:00:00')
								- {{ substr($shop->sun_afternoon_out,0,5) }}							
							@endif			
						  @endif
						</td>
					  </tr>
					</table>
				  </div>
				  <div class="col-md-5">				
					<h3>Contact</h3>
					<table class="table table-condensed ">
					  @if( $shop->phone != '' )
					  <tr>
					  	<td class="td-label">Téléphone</td>
					  	<td class="td-value">{{ $shop->phone }}</td>
					  </tr>
					  @endif
					  @if( $shop->mobile != '' )
					  <tr>
					  	<td class="td-label">Mobile</td>
					  	<td class="td-value">{{ $shop->mobile }}</td>
					  </tr>					  
					  @endif
					</table>
					<!--p>E-mail: <a href="mailto:{{ $shop->email }}">{{ $shop->email }}</a></p>
					<p>Site: <a href="mailto:{{ $shop->website }}">{{ $shop->website }}</a></p-->
				  </div>
				</div>
			</div>
		  </div>
		  <div class="col-md-4">
		  	<aside class="aside">
		  	  <div class="back-button"><em class="glyphicon glyphicon-chevron-left"></em> <a href="{{ url('trouver-une-boulangerie-patisserie') }}">Retour à la liste</a></div>
			  
			  <div class="share">
				Partager sur
				<a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ url('trouver-une-boulangerie-patisserie/' . $shop->friendlyurl ) }}&t={{ $shop->name }}" target="_blank">
			      <span class="fa fa-facebook"></span>
			    </a>
			    <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/share?text={{ $shop->name }}&url={{ url('trouver-une-boulangerie-patisserie/' . $shop->friendlyurl ) }}" target="_blank">
			      <span class="fa fa-twitter"></span>
			    </a>
			    <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ url('trouver-une-boulangerie-patisserie/' . $shop->friendlyurl ) }}&name={{ $shop->name }}&summary={{ $shop->name }}" target="_blank">
			      <span class="fa fa-linkedin"></span>
			    </a>
			  </div>

		  	</aside>
		  </div>
		</div>
	</div>
  </section>
</main>

@endsection

@section('javascript')
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ config('googlemaps.key') }}&callback=initMap"></script>
<script type="text/javascript">
	@if( $shop->latitude != '' && $shop->longitude != '' ) 
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 16,
      scrollwheel: false,
      center: {lat: {{ $shop->latitude }}, lng: {{ $shop->longitude }}}
    });

    
    var locations = [
    ["{{ $shop->name }}", "{{ url('/') }}/trouver-une-boulangerie-patisserie/{{ $shop->friendlyurl }}", new google.maps.LatLng({{ $shop->latitude }},{{ $shop->longitude }})],    
  ];

  function initMarkers(map, markerData) {

      var newMarkers = [],
          marker,
          contentString;

      var infoWindow = new google.maps.InfoWindow(), marker, i;

      for(var i=0; i<markerData.length; i++) {

          var image = '{{url('/')}}/img/icon_map.png';
          marker = new google.maps.Marker({
              map: map,
              position: markerData[i][2],
              icon: image
          }),

          newMarkers.push(marker);                      
          google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                infoWindow.setContent(
                   '<div class="content"><strong>' + locations[i][0] + '</strong><br><a href="'+ locations[i][1] +'"> Détails > </a></div>'
                );
                infoWindow.open(map, marker);
            }
          })(marker, i));

      }
      
      return newMarkers;
  }

//here the call to initMarkers() is made with the necessary data for each marker.  All markers are then returned as an array into the markers variable

markers = initMarkers(map, locations);

}
@endif
</script>

@endsection