@extends('admin.layouts.main')

@section('content')

<div class="normalheader transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>
			
            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li><a href="{{ route('admin/dashboard') }}">Dashboard</a></li>
					<li><a href="{{ url('admin/catalogo') }}">Catálogo</a></li>
					<li class="active">
                        <span>{{$vehiculo->modelo->nombre}} {{ $vehiculo->nombre }}</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
				<i class="fa fa-folder-open"></i>
                Catálogo
            </h2>
            <small></small>
        </div>
    </div>
</div>

<div class="content animate-panel catalogo">
	
	<div class="row">
		
		<div class="col-sm-12">
			
			<!-- FICHA -->
			<div class="hpanel hgreen">
				
				<div class="panel-heading hbuilt">
					<div class="pull-right">
						<a href="{{ url('admin/versiones/edit/'.$vehiculo->id) }}" class="btn btn-default btn-sm" title="Editar versi&oacute;n">
							<i class="fa fa-edit"></i>
						</a>
						<a href="{{ url('admin/especificaciones/'.$vehiculo->id.'/edit') }}" class="btn btn-default btn-sm" title="Editar tecnolog&iacute;as">
							<i class="fa fa-cogs"></i>
						</a>
						<a href="{{ url('admin/versiones/delete/'.$vehiculo->id) }}" 
							class="btn btn-default btn-sm"
							title="Eliminar versi&oacute;n" 
							data-confirm="¿Est&aacute; seguro que desea eliminar esta versi&oacute;n de veh&iacute;culo?">
							<i class="fa fa-trash-o"></i>
						</a>
					</div>
					<h3 class="text-primary">{{ $vehiculo->display }}</h3>
				</div>
		
				<div class="panel-body">
					<img src="{{ $vehiculo->modelo->imagen }}" onerror="this.onerror=null;this.src='/photos/tecnologias/no_image.jpg';" class="carpic" />
				</div>
				
			</div>
			
			
			<!-- TECNOLOGIAS -->
			<div class="hpanel">
				
				<div class="panel-heading hbuilt">
					<div class="pull-right col-md-5">
						<div class="form-group col-md-6 pull-right">
							<meta name="csrf-token" content="{{ csrf_token() }}" />
							<select id="ano_tecnologia" name="ano_tecnologia" class="form-control">
								<option>Seleccione un año:</option>
								@foreach($anos as $ano)
								<option value="{{$ano->ano}}" data-idversion="{{$ano->id_version}}" >{{$ano->ano}}</option>
								@endforeach
							</select>
						</div>
						<div id="ficha" class="pull-right">
						</div>
					</div>
					<h3 class="text-success">Tecnologías</h3>
				</div>
				
				<div class="panel-body tecnologias">
					
					<div id="tech_row" class="row card text-center">
					
						@foreach($tecnologias as $tecnologia)
						<div class="tech_card col-sm-4 col-md-3 col-lg-3">
							<img src="{{ $tecnologia->imagen }}" onerror="this.onerror=null;this.src='/photos/tecnologias/no_image.jpg';" class="tecpic" style="height:272.08px;"/>
							<div class="truncate-ellipsis">
								<h4 class="tech_vehiculo_title title" style="padding-top:5px;">{{ $tecnologia->nombre }}</h4>
							</div>
							<hr class="ficha_hr">
							<div class="truncate-ellipsis">
								<p class="tech_vehiculo_desc desc">
									@if($tecnologia->descripcion == null)
										N/A
									@else
										{{ $tecnologia->descripcion }}
									@endif
								</p>
							</div>
						</div>
						@endforeach
						
					</div>
				</div>
				
			</div>
			
			<!-- OTRAS VERSIONES -->
			<div class="hpanel">
				
				<div class="panel-heading hbuilt">
					<h3 class="text-success">Otras versiones</h3>
				</div>
				
				<div class="panel-body grid">
					<div class="row">
						@foreach($vehiculo->modelo->versiones as $version)
							@if($version->id != $id_version)
							<div class="col-sm-6 col-md-4 grid-item">
								<a href="{{ url('admin/catalogo/'.$version->modelo->slug.'/'.$version->slug.'/'.$version->id) }}">
									<img src="{{ $version->modelo->imagen }}" onerror="this.onerror=null;this.src='/photos/tecnologias/no_image.jpg';" class="carpic" />
								</a>
								<h4>
									<a href="{{ url('admin/catalogo/'.$version->modelo->slug.'/'.$version->slug.'/'.$version->id) }}">
										{{ $version->nombre }}
									</a>
								</h4>
							</div>
							@endif
						@endforeach
					</div>
				</div>
				
			</div>
			
		</div>
		
	</div>
	
</div>
@endsection