<style>
	.carta-table th{
		font-size: 12px;
	}
	.carta-table td{
		font-size: 16px;
	}
	.input-numero{
		text-align: right;
    	font-weight: bold;
    	font-size: 20px;
	}
	.text-black{
		color: black;
	}
</style>
<form class="row" ng:submit="save()" name="form_manifiesto" ng:show="!spinner">
	<div class="card w-100 carta">
		<div class="card-header">
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<h5 style="color: black;font-weight: bold;">
						<i class="fas fa-mail-bulk"></i>
						<any ng:bind="title"></any>
					</h5>	
				</div>
				<div class="col-xs-12 col-sm-6 text-right">
					<div class="dropdown">
						<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					    	Opciones
					  	</button>
					  	<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
					    	<a class="dropdown-item" ng:click="openModal(6)" style="font-size: 20px;">
					    		<i class="fa fa-search"></i>
					    		Consultar
					    	</a>
					    	<a class="dropdown-item" ng:click="nuevoManifiesto()" style="font-size: 20px;">
					    		<i class="fas fa-fw fa-mail-bulk"></i>
					    		Nuevo Manifiesto
					    	</a>
					  	</div>
					</div>
				</div>
			</div>
		</div>
		<div class="card-body">
			<div class="row">
				<div class="col-xs-12 col-sm-3">
					<div class="input-group">
					  	<div class="input-group-prepend">
					    	<span class="input-group-text" id="basic-addon1">N° Preimpreso</span>
					  	</div>
					  	<input type="text" class="form-control input-numero" placeholder="0000000" ng:model="model.numero_desc" numbers-only maxlength="7" required>
					</div>	
				</div>
				<div class="col-xs-12 col-sm-4">
					<div class="input-group">
					  	<div class="input-group-prepend">
					    	<span class="input-group-text" id="basic-addon1">Permiso Originario N°</span>
					  	</div>
					  	<input type="text" class="form-control input-numero" placeholder="0000000" ng:model="model.certificado_idoneidad" readonly>
					</div>	
				</div>
				<div class="col-xs-12 col-sm-5">
					<div class="input-group">
					  	<div class="input-group-prepend">
					    	<span class="input-group-text" id="basic-addon1">Permisos de prestación de servicios N°</span>
					  	</div>
					  	<input type="text" class="form-control input-numero" placeholder="0000000" ng:model="model.permisos_prestacion_servicios" readonly>
					</div>	
				</div>
			</div>
			<br>
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<div class="card">
						<div class="card-header">
							<strong>IDENTIFICACION DEL VEHICULO HABILITADO (CAMION O TRACTO CAMION)</strong>
						</div>
						<div class="card-body">
							<div style="float: right;">
								<button class="btn btn-info" type="button" ng:click="openModal(1)">
									Buscar <i class="fa fa-search"></i>
								</button>
								<br>
								<br>
								<button class="btn btn-secondary" type="button" ng:click="clean(1)" ng:if="model.vehiculo_id">
									Limpiar <i class="far fa-trash-alt"></i>
								</button>
							</div>
							<h6>4.Marca: <strong ng:bind="model.vehiculo.marca" class="text-black"></strong></h6>
							<h6>5.Año de fabricación: <strong ng:bind="model.vehiculo.anio" class="text-black"></strong></h6>
							<h6>
								6.Placa y País: 
								<strong ng:bind="model.vehiculo.marca" class="text-black"></strong> - 
								<strong ng:bind="model.vehiculo.pais.nombre" class="text-black"></strong>
							</h6>
							<h6>7.Número o serie del chasis: <strong ng:bind="model.vehiculo.chasis" class="text-black"></strong></h6>
							<h6>8.Certificado de Habilitación N° <strong ng:bind="model.vehiculo.certificado_habilitacion" class="text-black"></strong></h6>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6">
					<div class="card">
						<div class="card-header">
							<strong>IDENTIFICACION DE LA UNIDADE DE CARGA (REMOLQUE O SEMI-REMOLQUE)</strong>
						</div>
						<div class="card-body">
							<div style="float: right;">
								<button class="btn btn-info" type="button" ng:click="openModal(2)" ng:show="!model.sin_remolque">
									Buscar <i class="fa fa-search"></i>
								</button>
							</div>
							<h6>9.Marca: <strong class="text-black" ng:bind="model.remolque.marca"></strong></h6>
							<h6>10.Año de fabricación: <strong class="text-black" ng:bind="model.remolque.anio"></strong></h6>
							<h6>
								11.Placa y País: 
								<strong ng:bind="model.remolque.marca" class="text-black"></strong> - 
								<strong ng:bind="model.remolque.pais.nombre" class="text-black"></strong>
							</h6>
							<h6>12.N° Chasis: <strong class="text-black" ng:bind="model.remolque.chasis"></strong></h6>
							<button type="button" class="btn btn-outline-success btn-sm" ng:click="clean(2)">
								<any>Sin Remolque </any>
								<i ng:show="!model.sin_remolque" class="fa fa-square-alt"></i>
								<i ng:show="model.sin_remolque" class="fa fa-check text-success"></i>
							</button>
						</div>
					</div>
				</div>
			</div>
			<br>
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<div class="card">
						<div class="card-header">
							<strong>CONDUCTOR PRINCIPAL</strong>
						</div>
						<div class="card-body">
							<div style="float: right;">
								<button class="btn btn-info" type="button" ng:click="openModal(3)">
									Buscar <i class="fa fa-search"></i>
								</button>
								<br>
								<br>
								<button class="btn btn-secondary" type="button" ng:click="clean(3)" ng:if="model.chofer_principal_id">
									Limpiar <i class="far fa-trash-alt"></i>
								</button>
							</div>
							<h6>13.Nombres y apellidos: <strong class="text-black" ng:bind="model.chofer_principal.nombres"></strong></h6>
							<h6>14.Documento de Identidad N° <strong class="text-black" ng:bind="model.chofer_principal.documento_identidad"></strong></h6>
							<h6>15.Nacionalidad: <strong class="text-black" ng:bind="model.chofer_principal.nacionalidad"></strong></h6>
							<h6>16.Licencia de Conducir N° <strong class="text-black" ng:bind="model.chofer_principal.licencia"></strong></h6>
							<h6>17.Libreta de tripulación terrestre N° <strong class="text-black" ng:bind="model.chofer_principal.libreta"></strong></h6>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6">
					<div class="card">
						<div class="card-header">
							<strong>CONDUCTOR AUXILIAR</strong>
						</div>
						<div class="card-body">
							<div style="float: right;">
								<button class="btn btn-info" type="button" ng:click="openModal(4)">
									Buscar <i class="fa fa-search"></i>
								</button>
								<br>
								<br>
								<button class="btn btn-secondary" type="button" ng:click="clean(4)" ng:if="model.chofer_auxiliar_id">
									Limpiar <i class="far fa-trash-alt"></i>
								</button>
							</div>
							<h6>18.Nombres y apellidos: <strong class="text-black" ng:bind="model.chofer_auxiliar.nombres"></strong></h6>
							<h6>19.Documento de Identidad N° <strong class="text-black" ng:bind="model.chofer_auxiliar.documento_identidad"></strong></h6>
							<h6>20.Nacionalidad: <strong class="text-black" ng:bind="model.chofer_auxiliar.nacionalidad"></strong></h6>
							<h6>21.Licencia de Conducir N° <strong class="text-black" ng:bind="model.chofer_auxiliar.licencia"></strong></h6>
							<h6>22.Libreta de tripulación terrestre N° <strong class="text-black" ng:bind="model.chofer_auxiliar.libreta"></strong></h6>
						</div>
					</div>
				</div>
			</div>
			<br>
			<div class="card w-100">
				<div class="card-header">
					<strong>DATOS SOBRE LA CARGA</strong>
				</div>
				<div class="card-body">
					<div class="row col-12">
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>23. Lugar, País de carga</strong>
								<div class="row">
									<div class="col-xs-12 col-md-6">
										<input type="text" class="form-control" ng:model="model.carga_lugar">
									</div>
									<div class="col-xs-12 col-md-6">
				        				<select class="form-control" ng:options="pais.id as pais.nombre for pais in paises" ng:model="model.carga_pais_id">
				        					<option value="">Seleccionar</option>
				        				</select>
									</div>
								</div>
							</div>		
						</div>
						<div class="col-xs-12 col-sm-2"></div>
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>24. Lugar, País de descarga</strong>
								<div class="row">
									<div class="col-xs-12 col-md-6">
										<input type="text" class="form-control" ng:model="model.descarga_lugar">
									</div>
									<div class="col-xs-12 col-md-6">
				        				<select class="form-control" ng:options="pais.id as pais.nombre for pais in paises" ng:model="model.descarga_pais_id">
				        					<option value="">Seleccionar</option>
				        				</select>
									</div>
								</div>
							</div>		
						</div>
					</div>
					<div class="row col-12">
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
							<strong>25.Naturaleza de carga</strong>
							<select 
								class="form-control" 
								ng:options="naturaleza.id as naturaleza.name for naturaleza in naturalezas" 
								ng:model="model.carga_naturaleza_id">
		        				<option value="">Seleccionar</option>
		        			</select>
						</div>
						</div>
						<div class="col-xs-12 col-sm-2"></div>
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>26.Número de identificación de los contenedores y capacidad</strong>	
								<input type="text" class="form-control" ng:model="model.num_iden_contenedor_principal">
							</div>
						</div>
					</div>
					<div class="row col-12">
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>27.Número de los precintos aduaneros</strong>
								<input type="text" class="form-control" ng:model="model.num_precintos_aduaneros">
							</div>
						</div>
					</div>
				</div>
			</div>
			<br>
			<div class="card w-100">
				<div class="card-header">
					<div class="row">
						<div class="col-6">
							<strong>SELECCIONE CARTA</strong>	
						</div>
						<div class="col-6 text-right">
							<div class="text-right">
								<button type="button" class="btn btn-outline-success" ng:click="clean(5)">
									<any>Sin Carta </any>
									<i ng:show="!model.sin_carta" class="fa fa-square-alt"></i>
									<i ng:show="model.sin_carta" class="fa fa-check text-success"></i>
								</button>
								<button class="btn btn-info" type="button" ng:click="openModal(5)" ng:show="!model.sin_carta">
									Buscar <i class="fa fa-search"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
				<div class="card-body" style="height: 300px;overflow-y: auto;padding: 0px;" ng:show="!model.sin_carta">
					<div class="table-responsive">
						<table class="table carta-table">
							<thead>
								<th></th>
								<th></th>
								<th class="text-center">28. Carta de Porte N°</th>
								<th class="text-center">29. Descripción de las mercancias</th>
								<th class="text-center">30. Cantidad de los bultos</th>
								<th class="text-center">31. Clase y marca de los bultos</th>
								<th class="text-center">32. Peso Bruto</th>
								<th class="text-center">32. Peso Neto</th>
								<th class="text-center">33. Volumen</th>
							</thead>
							<tbody ng:repeat="detalle in model.detalles">
								<td class="text-center">
									<a class="text-warning" ng:click="openModal(7,detalle)">
										<i class="fa fa-edit"></i>
									</a>
								</td>
								<td>
									<a class="text-danger" ng:click="eliminarDetalle($index)">
										<i class="fa fa-trash"></i>
									</a>
								</td>
								<td class="text-center" ng:bind="model.carta.numero_desc"></td>
								<td class="text-center" ng:bind="detalle.descripcion"></td>
								<td class="text-center" ng:bind="detalle.cantidad_bulto"></td>
								<td class="text-center" ng:bind="detalle.clase_marca"></td>
								<td class="text-center" ng:bind="detalle.bruto"></td>
								<td class="text-center" ng:bind="detalle.neto"></td>
								<td class="text-center" ng:bind="detalle.volumen"></td>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<br>
			<div class="card w-100">
				<div class="card-body">
					<div class="row col-12">
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>34. Precio de las mercancias y tipo de moneda</strong>
								<div class="row">
									<div class="col-xs-12 col-md-6">
										<input type="number" step="0.01" placeholder=".00" class="form-control" ng:model="model.precio_mercancias">
									</div>
									<div class="col-xs-12 col-md-6">
				        				<input type="text" class="form-control" ng:model="model.tipo_moneda">
									</div>
								</div>
							</div>		
						</div>
						<div class="col-xs-12 col-sm-2"></div>
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>35. Observación de la aduana de partida</strong>
								<input type="text" class="form-control" ng:model="model.aduana_observacion">
							</div>		
						</div>
					</div>
					<div class="row col-12">
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>37. Aduana de cruce de frontera</strong>
								<input type="text" class="form-control" ng:model="model.aduana_cruce_frontera">
							</div>		
						</div>
						<div class="col-xs-12 col-sm-2"></div>
						<div class="col-xs-12 col-sm-5">
							<div class="form-group">
								<strong>38. Aduana de destino</strong>
								<input type="text" class="form-control" ng:model="model.aduana_destino">
							</div>		
						</div>
					</div>
					<div class="row col-12">
						<div class="form-group col-xs-12 col-sm-5">
							<strong>40. FECHA DE EMISIÓN <i class="text-danger">*</i></strong>
							<input type="date" class="form-control" ng:model="model.fecha_emision" required>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="card-body" ng:show="fails">
			<div class="alert alert-danger" role="alert">
  				<div ng:repeat="fail in fails">
  					<div ng:repeat="row in fail">
  						<div ng:bind="row" class="text-danger"></div>			
  					</div>
  				</div>
			</div>
		</div>
		<div class="card-footer">
			<div class="text-center">
				<button class="btn btn-lg btn-block" type="submit" ng:class="{'btn-success': !model.id,'btn-warning': model.id}" ng:disabled="spinner_save">
					<any ng:show="!spinner_save">
						<i class="fa fa-save"></i>
						<any ng:show="!model.id">GUARDAR MANIFIESTO</any>
						<any ng:show="model.id">GUARDAR CAMBIOS</any>
					</any>
					<any ng:show="spinner_save">
						<i class="fa fa-spin fa-spinner"></i>
						Guardando
					</any>
				</button>
			</div>
		</div>
	</div>
</form>
<div class="card" ng:show="spinner">
	<div class="card-body">
		<h4 class="text-center">
			<i class="fa fa-spin fa-spinner"></i>
			<any ng:bind="spinner_text"></any>
		</h4>
	</div>
</div>

<div class="modal fade" id="modal_vehiculo" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-lg" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title" ng:bind="modal.title"></h5>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	      		<h4 class="text-center" ng:show="modal.spinner">
	      			<i class="fa fa-spinner fa-spin"></i>
	      			<any ng:bind="modal.spinner_text"></any>
	      		</h4>
	      		<div ng:show="!modal.spinner">
	      			<div class="col-12">
		      			<input type="text" class="form-control" ng:model="modal.search" placeholder="Buscar">
		      		</div>
		      		<br>
		        	<div class="table-responsive table-responsive-vertical">
		        		<table class="table table-striped">
		        			<thead class="bg-primary text-white">
		        				<th class="text-center">Placa</th>
		        				<th class="text-center">Marca</th>
		        				<th class="text-center">Chasis</th>
		        				<th class="text-center">Certificado de habilitación</th>
		        				<th class="text-center">Año</th>
		        				<th class="text-center">País</th>
		        			</thead>
		        			<tbody>
		        				<tr ng:repeat="row in modal.list | filter: modal.search" style="cursor: pointer;" ng:click="select(1,row)">
		        					<td class="text-center" ng:bind="row.placa"></td>
		        					<td class="text-center" ng:bind="row.marca"></td>
		        					<td class="text-center" ng:bind="row.chasis"></td>
		        					<td class="text-center" ng:bind="row.certificado_habilitacion"></td>
		        					<td class="text-center" ng:bind="row.anio"></td>
		        					<td class="text-center" ng:bind="row.pais.nombre"></td>
		        				</tr>
		        			</tbody>
		        		</table>
		        	</div>
	      		</div>
		    </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="modal_remolque" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-lg" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title" ng:bind="modal.title"></h5>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	      		<h4 class="text-center" ng:show="modal.spinner">
	      			<i class="fa fa-spinner fa-spin"></i>
	      			<any ng:bind="modal.spinner_text"></any>
	      		</h4>
	      		<div ng:show="!modal.spinner">
	      			<div class="col-12">
		      			<input type="text" class="form-control" ng:model="modal.search" placeholder="Buscar">
		      		</div>
		      		<br>
		        	<div class="table-responsive table-responsive-vertical">
		        		<table class="table table-striped">
		        			<thead class="bg-primary text-white">
		        				<th class="text-center">Placa</th>
		        				<th class="text-center">Marca</th>
		        				<th class="text-center">Chasis</th>
		        				<th class="text-center">Año</th>
		        				<th class="text-center">País</th>
		        			</thead>
		        			<tbody>
		        				<tr ng:repeat="row in modal.list | filter: modal.search" style="cursor: pointer;" ng:click="select(2,row)">
		        					<td class="text-center" ng:bind="row.placa"></td>
		        					<td class="text-center" ng:bind="row.marca"></td>
		        					<td class="text-center" ng:bind="row.chasis"></td>
		        					<td class="text-center" ng:bind="row.anio"></td>
		        					<td class="text-center" ng:bind="row.pais.nombre"></td>
		        				</tr>
		        			</tbody>
		        		</table>
		        	</div>
	      		</div>
		    </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="modal_chofer" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-md" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title" ng:bind="modal.title"></h5>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	      		<h4 class="text-center" ng:show="modal.spinner">
	      			<i class="fa fa-spinner fa-spin"></i>
	      			<any ng:bind="modal.spinner_text"></any>
	      		</h4>
	      		<div ng:show="!modal.spinner">
	      			<div class="col-12">
		      			<input type="text" class="form-control" ng:model="modal.search" placeholder="Buscar">
		      		</div>
		      		<br>
		        	<div class="table-responsive table-responsive-vertical">
		        		<table class="table table-striped">
		        			<thead class="bg-primary text-white">
		        				<th class="text-center">Documento de Identidad</th>
		        				<th class="text-center">Nombres</th>
		        			</thead>
		        			<tbody>
		        				<tr ng:repeat="row in modal.list | filter: modal.search" style="cursor: pointer;" ng:click="select(3,row)">
		        					<td class="text-center" ng:bind="row.documento_identidad"></td>
		        					<td class="text-center" ng:bind="row.nombres"></td>
		        				</tr>
		        			</tbody>
		        		</table>
		        	</div>
	      		</div>
		    </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="modal_carta" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-xl" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	      		<div class="row w-100">
	      			<div class="col-xs-12 col-sm-6">
	      				<h5 class="modal-title" ng:bind="modal.title"></h5>		
	      			</div>
	      			<div class="col-xs-12 col-sm-6">
	      				<input type="text" class="form-control" ng:model="modal.search" placeholder="Buscar">
	      			</div>
	      		</div>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	      		<h4 class="text-center" ng:show="modal.spinner">
	      			<i class="fa fa-spinner fa-spin"></i>
	      			<any ng:bind="modal.spinner_text"></any>
	      		</h4>
	      		<div ng:show="!modal.spinner">
		        	<div class="table-responsive table-responsive-vertical" style="height: 70vh;">
		        		<table class="table table-striped">
		        			<thead class="bg-primary text-white">
		        				<th class="text-center">N°</th>
		        				<th class="text-center">Remitente</th>
		        				<th class="text-center">Destinatario</th>
		        				<th class="text-center">Fecha</th>
		        				<th class="text-center">Peso Bruto</th>
		        				<th class="text-center">Peso Neto</th>
		        			</thead>
		        			<tbody>
		        				<tr ng:repeat="row in modal.list | filter: modal.search" style="cursor: pointer;" ng:click="select(4,row)">
		        					<td ng:bind="row.numero_desc"></td>
		        					<td class="text-center" ng:bind="row.remitente_nombre"></td>
		        					<td class="text-center" ng:bind="row.destinatario_nombre"></td>
		        					<td class="text-center" ng:bind="row.created_at| date: 'dd/MM/yyyy'"></td>
		        					<td class="text-center" ng:bind="row.peso_bruto| currency: ''"></td>
		        					<td class="text-center" ng:bind="row.peso_neto| currency: ''"></td>
		        				</tr>
		        			</tbody>
		        		</table>
		        	</div>
	      		</div>
		    </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="modal_manifiesto" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-xl" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<div class="row w-100">
	      			<div class="col-xs-12 col-sm-6">
	      				<h5 class="modal-title" ng:bind="modal.title"></h5>		
	      			</div>
	      			<div class="col-xs-12 col-sm-6">
	      				<input type="text" class="form-control" ng:model="modal.search" placeholder="Buscar">
	      			</div>
	      		</div>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	      		<h4 class="text-center" ng:show="modal.spinner">
	      			<i class="fa fa-spinner fa-spin"></i>
	      			<any ng:bind="modal.spinner_text"></any>
	      		</h4>
	      		<div ng:show="!modal.spinner">
		        	<div class="table-responsive table-responsive-vertical" style="height: 70vh;">
		        		<table class="table table-striped">
		        			<thead class="bg-primary text-white">
		        				<th class="text-center">Acciones</th>
		        				<th>Nro Manifiesto</th>
		        				<th class="text-center">Lugar Carga</th>
		        				<th class="text-center">País Carga</th>
		        				<th class="text-center">Lugar Descarga</th>
		        				<th class="text-center">País Descarga</th>
		        				<th class="text-center">Precio</th>
		        			</thead>
		        			<tbody>
		        				<tr ng:repeat="row in modal.list | filter: modal.search">
		        					<td class="text-center">
		        						<button ng:click="editar(row)" class="btn btn-warning">
		        							<i class="fa fa-edit"></i>
		        						</button>
		        						<button ng:click="download(row)" class="btn btn-success" ng:disabled="row.spinner">
		        							<i class="fa fa-download"></i>
		        						</button>
		        					</td>
		        					<td ng:bind="row.numero_desc"></td>
		        					<td class="text-center" ng:bind="row.carga_lugar"></td>
		        					<td class="text-center" ng:bind="row.carga_pais.nombre"></td>
		        					<td class="text-center" ng:bind="row.descarga_lugar"></td>
		        					<td class="text-center" ng:bind="row.descarga_pais.nombre"></td>
		        					<td class="text-center" ng:bind="row.precio_mercancias | currency: ''"></td>
		        				</tr>
		        			</tbody>
		        		</table>
		        	</div>
	      		</div>
		    </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="modal_detalle" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
	    <div class="modal-content">
	      	<div class="modal-header">
	        	<h5 class="modal-title" ng:bind="modal.title"></h5>
	        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          		<span aria-hidden="true">&times;</span>
	        	</button>
	      	</div>
	      	<div class="modal-body">
	        	<form ng:submit="editarDetalle()" id="form_edit" name="form_edit">
	        		<fieldset>
	        			<div class="form-group">
	        				<label for="">Descripción de las mercancias</label>	
	        				<input type="text" class="form-control" name="descripcion" ng:model="modal.model.descripcion">
	        			</div>
	        			<div class="form-group">
	        				<label for="">Cantidad de los bultos</label>	
	        				<input type="text" class="form-control" name="cantidad_bulto" ng:model="modal.model.cantidad_bulto">
	        			</div>
	        			<div class="form-group">
	        				<label for="">Clase y marca de los bultos</label>	
	        				<input type="text" class="form-control" name="clase_marca" ng:model="modal.model.clase_marca">
	        			</div>
	        			<div class="form-group">
	        				<label for="">Peso Bruto</label>	
	        				<input type="number" step="0.01" placeholder=".00" class="form-control" ng:model="modal.model.bruto">
	        			</div>
	        			<div class="form-group">
	        				<label for="">Peso Neto</label>	
	        				<input type="number" step="0.01" placeholder=".00" class="form-control" ng:model="modal.model.neto">
	        			</div>
	        			<div class="form-group">
	        				<label for="">Volumen</label>	
	        				<input type="number" step="0.01" placeholder=".00" class="form-control" ng:model="modal.model.volumen">
	        			</div>
	        		</fieldset>
	        	</form>
		    </div>
		    <div class="modal-footer">
	        	<button type="submit" class="btn btn-info btn-block" form="form_edit">
	        		<any>Guardar Datos</any>
	        	</button>
	      	</div>
	    </div>
	</div>
</div>