@extends('layouts.app')

@section('htmlheader_title')
  Home
@endsection


@section('main-content')
<div>

		 		<h1 class="text-center titulo">Hacienda de {{$haciendas->nombre}}</h1>
<hr>
		 			

		 			<div class="panel panel-default">
				  <div class="panel-heading">Detalles de la Hacienda {{$haciendas->nombre}}</div>
				  <div class="panel-body">
				  <strong>Dimensión</strong>
				  <p>{{$haciendas->dimension}}</p>
				  	<strong>Historia</strong>
				  	<p>{{$haciendas->historia}}</p>
				  </div>
				</div>



                <div class="panel panel-default">
				  <div class="panel-heading">Servicios de la Hacienda {{$haciendas->nombre}}</div>
				  <div class="panel-body">

				

                <div  class="block col-md-6 col-md-offset-3">
                  <div class="layer title">Servicios Asignados</div>
                  <ul id="serviciod" class="block__list block__list_words">
                        
		 			@if(count($haciendas->servicios) == 0)
		 			<li>Ningún Servicio Asignado</li>
		 			@else
		 			
		 				@foreach( $listaServicios as $servicio)
		 					<li>{{$servicio->nombre}}</li>
		 				@endforeach

		 			@endif
		 			
                  </ul>
                </div>

                			    


				  </div>
				</div>


</div>
		

@endsection