@extends('layouts.app')

@section('head-title')
    <title>Covet Foundation Artisans</title>
@endsection

@section('head-style')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
<link rel="stylesheet" type="text/css" href="{{ URL::asset('css/style.css')}}">
@endsection

@section('content')
<div id="artisans">
	<div class="img-default"></div>
	<div style="height: 50px"></div>
	{{-- <section id="first-section">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div id="menu-artisans-techniques">
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								ARTISANS <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="{{ route('frontend.artisans-individual', 'mr-ferreira') }}">MR. FERREIRA</a></li>
								<li><a href="{{ route('frontend.artisans-individual', 'mr-rocha') }}">MR. ROCHA</a></li>
								<li><a href="{{ route('frontend.artisans-individual', 'mr-cosme') }}">MR. COSME</a></li>
							</ul>
						</div>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								TECHNIQUES <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" id="techniques-dropdown">
								<li data-image="/imgs/artisans-and-techniques/wood-carving/wood-carving.jpg"><a href="{{ route('frontend.techniques') }}#wood-carving">WOOD CARVING</a></li>
								<li data-image="/imgs/artisans-and-techniques/gold-leaf-gilding/gold-leaf-gilding.jpg"><a href="{{ route('frontend.techniques') }}#gold-leaf-gilding">GOLD LEAF GILDING</a></li>
								<li data-image="/imgs/artisans-and-techniques/metal-casting/metal-casting.jpg"><a href="{{ route('frontend.techniques') }}#metal-casting">METAL CASTING</a></li>
								<li data-image="/imgs/artisans-and-techniques/azulejo/azulejo.jpg"><a href="azulejo">AZULEJO</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section> --}}
	<section id="second-section">
		@foreach ($artisan_items[0]->articles as $item)
			@if ($loop->iteration %2 == 0)
				@include('includes.artisans-layouts.artisan-right')
			@else
				@include('includes.artisans-layouts.artisan-left')
			@endif
		@endforeach
	</section>

	<div style="height: 30px"></div>
</div>
@endsection

@section('foot')
	<script src="/js/wow.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			new WOW().init();
		});
	</script>
@endsection