@extends('templates.default') 
@section('css') 
{{ HTML::style('css/datepicker.css') }}
<link href="{{ URL::to('/css/lightbox.css') }}" media="all" rel="stylesheet" type="text/css" />
<style type="text/css">
.fileUpload {
	position: relative;
	overflow: hidden;
}

.fileUpload input.upload {
	position: absolute;
	top: 2px;
	right: 0;
	margin: 0;
	padding: 0;
/* 	font-size: 20px; */
	cursor: pointer!important;
 	width:108px;
	height:100%;
	opacity: 0;
	filter: alpha(opacity = 0);
}
.padding-left-0{
	padding-left:0;
}
.label-imagen{
	display:block;
	border-bottom:1px solid #ccc;
}
</style>
@endsection @section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li><a href="{{ URL::to('vehiculo') }}">Vehículo</a></li>
<li>Registrar</li>
@endsection @section('content') @if($errors->count() > 0)
<div class="col-md-12">
	<div class="alert alert-danger">
		<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
		<ul class="list-unstyled">
			@foreach($errors->all('<li>:message</li>') as $message) 
				{{ $message }} 
			@endforeach
		</ul>
	</div>
</div>
@endif
<br />
<div class="col-md-12">
	<form class="form-horizontal" role="form"  method="POST" enctype="multipart/form-data">
		{{ Form::token() }} {{ $form->id }} {{ Form::hidden('tipo_contacto', 'BOD') }}
		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Estado:</label> {{ $form->estado }}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Propiedad:</label> {{ $form->propiedad }}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Transportista:</label> {{ $form->transportista }}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Placa:</label> {{ $form->placa }}
			</div>

			<div class="col-sm-3">
				<label for="estado">Marca:</label> {{ $form->marca }}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Modelo:</label> {{ $form->modelo }}
			</div>

			<div class="col-sm-3">
				<label for="estado">Año:</label> {{ $form->anio }}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Color:</label> {{ $form->color }}
			</div>

			<div class="col-sm-3">
				<label for="estado">Fecha Vencimiento Matricula:</label> {{
				$form->fecha_vencimiento_matricula }}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Archivo Certificado Peso Dimensi&oacute;n:</label><br/>
				<div class="fileUpload">
					@if( $form->path_certificado_peso_dimension_txt )
						<a target="_blank" class="btn btn-link btn-sm text-success padding-left-0" href="{{ URL::asset('/archivos_subidos/vehiculos/certificados/'.$form->path_certificado_peso_dimension_txt) }}">
							<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar archivo
						</a>
					@endif
					<a class="btn btn-default btn-sm pull-right" href="javascript:;">
						{{ $form->path_certificado_peso_dimension }}
						<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir archivo
					</a>
				</div> 
			</div>
		</div>

		<hr>

		<div class="" role="tabpanel">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" style="background-color: #fafafa;" role="tablist">
				<li role="presentation" class="active"><a href="#imagenes" aria-controls="imagenes" role="tab" data-toggle="tab">Descripción de Imagenes</a></li>
			</ul>
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="imagenes">
					<br />
					<div class="row">
						<!-- imagen frontal -->
						<div class="col-sm-3">
							<div class="panel panel-default">
	  							<div class="panel-heading">
									<label class="">Imagen Frontal:</label>
	  							</div>
	  							<div class="panel-body text-center">
									@if( $form->path_imagen_frente_txt )
										<a href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_frente_txt) }}" data-lightbox="image-1" data-title=" <br/> Imagen Frontal"> 
											<img class="img-thumbnail" width="140" src="{{ URL::asset('/images/vehiculos/thumbs/'.$form->path_imagen_frente_txt) }}">
										</a> 
									@else
										<div class="imagen-vacia text-muted">
											<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>
										</div>
									@endif
								</div>
								<div class="panel-footer">
									<div class="fileUpload">
										@if( $form->path_imagen_frente_txt )
											<a target="_blank" class="btn btn-link btn-sm text-success" href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_frente_txt) }}">
												<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar
											</a>
										@endif
										<a class="btn btn-default btn-sm btn-link pull-right" href="javascript:;">
											<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir imagen
											{{ $form->path_imagen_frente }}
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- fin imagen frontal -->
						<!-- imagen lateral 1 -->
						<div class="col-sm-3">
							<div class="panel panel-default">
	  							<div class="panel-heading">
									<label class="">Imagen Lateral 1:</label>
	  							</div>
	  							<div class="panel-body text-center">
									@if( $form->path_imagen_lateral_1_txt )
										<a href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_lateral_1_txt) }}" data-lightbox="image-1" data-title=" <br/> Imagen Lateral 1"> 
											<img class="img-thumbnail" width="140" src="{{ URL::asset('/images/vehiculos/thumbs/'.$form->path_imagen_lateral_1_txt) }}">
										</a> 
									@else
										<div class="imagen-vacia text-muted">
											<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>
										</div>
									@endif
								</div>
								<div class="panel-footer">
									<div class="fileUpload">
										@if( $form->path_imagen_lateral_1_txt )
											<a target="_blank" class="btn btn-link btn-sm text-success" href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_lateral_1_txt) }}">
												<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar
											</a>
										@endif
										<a class="btn btn-default btn-sm btn-link pull-right" href="javascript:;">
											<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir imagen
											{{ $form->path_imagen_lateral_1 }}
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- fin imagen lateral 1 -->
						<!-- imagen lateral 2 -->
						<div class="col-sm-3">
							<div class="panel panel-default">
	  							<div class="panel-heading">
									<label class="">Imagen Lateral 2:</label>
	  							</div>
	  							<div class="panel-body text-center">
									@if( $form->path_imagen_lateral_2_txt )
										<a href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_lateral_2_txt) }}" data-lightbox="image-1" data-title=" <br/> Imagen Lateral 2"> 
											<img class="img-thumbnail" width="140" src="{{ URL::asset('/images/vehiculos/thumbs/'.$form->path_imagen_lateral_2_txt) }}">
										</a> 
									@else
										<div class="imagen-vacia text-muted">
											<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>
										</div>
									@endif
								</div>
								<div class="panel-footer">
									<div class="fileUpload">
										@if( $form->path_imagen_lateral_2_txt )
											<a target="_blank" class="btn btn-link btn-sm text-success" href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_lateral_2_txt) }}">
												<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar
											</a>
										@endif
										<a class="btn btn-default btn-sm btn-link pull-right" href="javascript:;">
											<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir imagen
											{{ $form->path_imagen_lateral_2 }}
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- fin imagen lateral 2 -->
						<!-- imagen matricula -->
						<div class="col-sm-3">
							<div class="panel panel-default">
	  							<div class="panel-heading">
									<label class="">Imagen Matricula:</label>
	  							</div>
	  							<div class="panel-body text-center">
									@if( $form->path_imagen_matricula_txt )
										<a href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_matricula_txt) }}" data-lightbox="image-1" data-title=" <br/> Imagen de Matricula"> 
											<img class="img-thumbnail" width="140" src="{{ URL::asset('/images/vehiculos/thumbs/'.$form->path_imagen_matricula_txt) }}">
										</a> 
									@else
										<div class="imagen-vacia text-muted">
											<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>&nbsp;<span class="fa fa-circle-o"></span>
										</div>
									@endif
								</div>
								<div class="panel-footer">
									<div class="fileUpload">
										@if( $form->path_imagen_matricula_txt )
											<a target="_blank" class="btn btn-link btn-sm text-success" href="{{ URL::asset('/images/vehiculos/'.$form->path_imagen_matricula_txt) }}">
												<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar
											</a>
										@endif
										<a class="btn btn-default btn-sm btn-link pull-right" href="javascript:;">
											<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir imagen
											{{ $form->path_imagen_matricula }}
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- fin matricula -->
					</div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<br />
		<div class="">
			<button type="submit" class="btn btn-success">
				<span class="glyphicon glyphicon-floppy-disk"></span> Guardar
			</button>
		</div>

		<div class="clearfix"></div>
		<div class="">
			<hr />
		</div>
	</form>
</div>
@endsection @section('js-footer') {{ HTML::script('js/contacto.js') }}
{{ HTML::script('js/bootstrap-datepicker.js') }} 
{{ HTML::script('js/jquery.maskedinput.min.js') }} 
{{ HTML::script('js/lightbox.js') }}
<script type="text/javascript">
    $(function(){
    	var fieldTransportista = new ObjectField($("#id_transportista"));
    	
    	var fecha_vencimiento_matricula = $('input[name="fecha_vencimiento_matricula"]').datepicker({'format': 'dd/mm/yyyy' }).on('changeDate', function(ev){
	        fecha_vencimiento_matricula.hide();
	    }).data('datepicker');
	    
	    $("input[name='placa']").mask("aaa-9999",{autoclear: false});
      }); 
</script>
@endsection