@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="box box-danger">
        <div class="box-header with-border">
          <h3 class="box-title">Detalles de la Hacienda {{$haciendas->nombre}}</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: block;">
          <div class="row">
            
                  <div  class="block col-md-12">
                  <strong>Dimensión</strong>
				  <p>{{$haciendas->dimension}}</p>
				  	<strong>Historia</strong>
				  	<p>{{$haciendas->historia}}</p>
                </div>
           
          </div>
          <!-- /.row -->
        </div>
        
      </div>


				<div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title">Servicios de la Hacienda {{$haciendas->nombre}}</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: block;">
          <div class="row">
            
                  <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>
          <!-- /.row -->
        </div>
        
      </div>




				<div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title">Horarios de la Hacienda {{$haciendas->nombre}}</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: block;">
          <div class="row">
            
                  <div  class="block col-md-6 col-md-offset-3">
                  <div class="layer title">Horarios Asignados</div>
                  <ul id="serviciod" class="block__list block__list_words">
                        
		 			@if(count($haciendas->horarios) == 0)
		 			<li>Ningún Horario Asignado</li>
		 			@else
		 			
		 				@foreach( $listaHorarios as $horario)
		 					<li>{{$horario->hora_inicio. '-' .$horario->hora_fin}}</li>
		 				@endforeach

		 			@endif
		 			
                  </ul>
                </div>
           
          </div>
          <!-- /.row -->
        </div>
        
      </div>

	

				<div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title">Rutas de la Hacienda {{$haciendas->nombre}}</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body" style="display: block;">
          <div class="row">
            
                  <div  class="block col-md-6 col-md-offset-3">
                  <div class="layer title">Rutas Asignadas</div>
                  <ul id="ruta" class="block__list block__list_words">
                        
		 			@if(count($haciendas->rutas) == 0)
		 			<li>Rutas No Asignadas</li>
		 			@else
		 			
		 				@foreach( $listaRutas as $ruta)
		 					<li>{{$ruta->nombre}}</li>
		 				@endforeach

		 			@endif
		 			
                  </ul>
                </div>
           
          </div>
          <!-- /.row -->
        </div>
        
      </div>

				


</div>
		

@endsection