@extends('layouts.app')

@section('head')
	<title>{{ trans('workshops.workshops') }} | {{ env('APP_NAME') }}</title>
	<meta name="description" content="">

	<meta property="og:type" content="article" />
	<meta property="og:url" content="{{ route(trans('url.workshops')) }}" />
	<meta property="og:title" content="{{ trans('workshops.workshops') }}" />
	<meta property="og:image" content="{{ url('/img/about-us-03.jpg') }}" />
	<meta property="og:description" content="Contamos con las estaciones de la cadena de procesos efectivos" />
@endsection

@section('content')

<div class="container" style="margin-top: 40px;margin-bottom: 30px;">
	<div class="row">
		<div class="col text-center">
			<h4><strong>{{ trans('workshops.stations') }}</strong></h4>
		</div>
	</div>
	<div class="row" style="margin-top: 20px">
		@foreach ($workshops as $workshop)
			<div class="col-md-4">
				<div style="display: flex;align-items: center;">
					@if (isset($workshop->content))
						<div style="flex: 4;text-align: left;"><img src="/img/uploads/{{$workshop->icon}}"></div>
						<div style="flex: 8;text-align: left;"><a style="color: black;text-decoration: none;" href="{{ route(trans('url.workshop'), [$workshop->content->slug, $workshop->id]) }}"><strong style="font-size: 19px">{{$workshop->content->name}}</strong> <br> {{str_limit($workshop->content->short_description, 55)}}</a></div>
					@endif
				</div>
			</div>
		@endforeach
	</div>
</div>

<div class="container" style="margin-top: 20px;">
	<div class="row" style="display: flex;align-items: center;text-align: left;">
		<div class="col">
			<div style="font-size: 25px; font-weight: bold;">
				<p>{{ trans('workshops.expertise') }}</p>
				<img src="/img/uploads/{{$workshop->thumbnail}}" class="img-fluid">
				<p style="margin-top: 25px"><a href="{{ route(trans('url.contact')) }}" class="btn btn-yellow" href="">{{ trans('workshops.request_quote') }}</a></p>
			</div>
		</div>
		<div class="col">
			<div style="font-size: 16px; background-color: #f7f9fa; padding: 30px; padding-bottom: 35px;">
				<div style="font-size: 25px; font-weight: bold;">
					@if (isset($workshop->content))
						<img style="width: 70px" src="/img/uploads/{{$workshop->icon}}"> <br>
						{{$workshop->content->name}}
					@endif
				</div>
				<p style="font-size: 15px">{{ trans('workshops.creating') }}</p>
			</div>
		</div>
	</div>
</div>

<div class="container-fluid" style="margin-top: 100px">
	<div class="row services-alt">
		@foreach ($services as $service)
			@if (isset($service->content))
			<div class="col">
				<a title="{{$service->content->name}}" href="{{ route(trans('url.service'), [$service->content->slug, $service->id]) }}"><img src="/img/uploads/{{$service->thumbnail}}" class="img-fluid"></a>
			</div>
			@endif
		@endforeach
	</div>
</div>

@endsection