@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/tecnologias') }}">Tecnologías</a>
					</li>
                    <li class="active">
                        <span>{{ $tecnologia->nombre }}</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
				<i class="fa fa-cogs"></i>
                Tecnologías
            </h2>
            <small>Tecnlogías de los vehículos.</small>
        </div>
    </div>
</div>

<div class="content animate-panel">
	
	<div class="row">
		
		<div class="col-md-12">
			
			<div class="hpanel hblue">
				
				<div class="panel-body">
					
					<div class="pull-right text-right">
						<div class="btn-group">
							<a href="/admin/tecnologias/edit/{{ $tecnologia->id }}" class="btn btn-default btn-xs" title="Editar {{$tecnologia->nombre}}">
								<i class="fa fa-edit"></i>
							</a>
							<a href="/admin/tecnologias/delete/{{ $tecnologia->id }}" class="btn btn-danger btn-xs" 
							   title="Eliminar {{ $tecnologia->nombre }}" 
							   data-confirm="¿Est&aacute; seguro que desea eliminar esta tecnolog&iacute;a?">
								<i class="fa fa-trash-o"></i>
							</a>
						</div>
					</div>
					
					<div class="row">
						
						<div class="col-sm-4 col-md-2">
							<img alt="{{ $tecnologia->nombre }} avatar" class="img-circle avatar" src="{{ $tecnologia->imagen }}" >
						</div>
						
						<div class="col-sm-8 col-md-10">
							<h2>{{ $tecnologia->nombre }}</h2>
							<div class="text-muted font-bold m-b-xs">{{ $tecnologia->descripcion }}</div>
							<p class="small">Categoria: {{ $categoria->nombre }}</p>
						</div>
						
					</div>
					
				</div>
				
			</div>
			
		</div>
		
	</div>
	
</div>

@endsection