1-view codes

@extends('layouts.kickoff_b')
@section('title', 'gallery codes')
@section('title2', '')
@section('subtitle', '')
@section('content')		


	
<div class="uk-container">
	<div class="container flex flex-col items-center px-4 py-2 mx-auto text-center">
	<h2 class="mb-6 text-3xl font-extrabold leading-none max-w-3xl mx-auto tracking-normal text-gray-900 sm:text-3xl md:text-3xl lg:text-3xl md:tracking-tight">{{ config('app.name') }}<span class="w-full text-transparent bg-clip-text bg-gradient-to-r from-green-400 via-blue-500 to-purple-500 lg:inline"> - @yield('title')</span></h2>
	</div>
	<div class="uk-container uk-container-xsmall"> 
	<form id="search-form" action="">
	<div class="uk-inline uk-width-1-1">
	<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: search"></span>
	<input class="uk-input uk-width-1-1 search-fld" type="text" placeholder="Type your search" autofocus>
	<a hidden href="#" class="search-filter" data-uk-filter-control="[data-tags*='']">Search</a>
	<a hidden href="#" class="search-filter-all" data-uk-filter-control>Search all</a>
	<a hidden href="#" class="search-filter-none" data-uk-filter-control="[data-empty='']">Filter none</a>
	</div>
	</form>
	</div>
</div>
		<!--CARDS WRAPPER-->
		<section class="uk-section uk-section-small uk-section-default uk-padding-remove-bottom">
			<div class="uk-container uk-container-expand uk-margin-large-bottom">
				<ul class="uk-subnav uk-subnav-pill">
					<li class="uk-active" data-uk-filter-control=""><a href="#">Show All</a></li>
					<li data-uk-filter-control=".php_mysql"><a href="#">php_mysql</a></li>
					<li data-uk-filter-control=".eloquent"><a href="#">eloquent</a></li>
					<li data-uk-filter-control=".migrations"><a href="#">migrations</a></li>
					<li data-uk-filter-control=".models"><a href="#">models</a></li>
					<li data-uk-filter-control=".routes"><a href="#">routes</a></li>
					<li data-uk-filter-control=".controllers"><a href="#">controllers</a></li>
					<li data-uk-filter-control=".views"><a href="#">views</a></li>
					<li data-uk-filter-control=".filament"><a href="#">filament</a></li>
					<li data-uk-filter-control=".laravel"><a href="#">laravel</a></li>
				</ul>
				<div class="uk-padding uk-grid uk-grid-medium uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l  uk-child-width-1-5@xl uk-grid-match js-filter" data-uk-grid="masonry: true" data-uk-sortable="handle: .drag-icon">
					@foreach ($codes as $code)
					<!-- card -->
					<div class="{{$code->lacategoria}}" data-tags="{{$code->lacategoria}} {{$code->nom}} ="{{$code->eltag}}">
						<div class="uk-card uk-card-small uk-card-default">
							<div class="uk-card-header">
								<div class="uk-grid uk-grid-small uk-text-small" data-uk-grid>
									<div class="uk-width-expand">
										<span class="cat-txt">{{$code->lacategoria}} / {{$code->eltag}}</span>
									</div>									
								</div>
							</div>
							<div class="uk-card-media">
								<div class="uk-inline-clip uk-transition-toggle" tabindex="0">
									<img data-fancybox="gallery" class="lazy" data-src="/storage/{{$code->img}}" data-width="400" data-height="300" data-uk-img alt="" src="img/transp.gif">									
								</div>								
							</div>
							<div class="uk-card-body">
								<h6 class="uk-margin-small-bottom uk-margin-remove-adjacent uk-text-bold">{!! $code->nom !!}</h6>
								<p>{!! $code->descripcio !!}</p>
							</div>
							<div class="uk-card-footer">
								<div class="uk-grid uk-grid-small uk-grid-divider uk-flex uk-flex-middle" data-uk-grid>
									<div class="uk-width-auto uk-text-right">
										
										<a href="/detall_code/{{$code->id}}" data-uk-tooltip="title: llegir mes, veure codi" class="uk-icon-link" data-uk-icon="icon: file-text; ratio: 1.5"></a>
										<a href="/detall_code/{{$code->id}}"> AMPLIAR INFORMACIO</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /card -->
					@endforeach	
				</div>
			</div>
		</section>
		<!--/CARDS WRAPPER-->
		@stop