@extends('layouts.app')


@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item"><a href="{{ route('vehiculosmunicipal.index') }}">Administrador de Vehículos</a></li>
    <li class="breadcrumb-item active" aria-current="page">Detalle</li>
  </ol>
</nav>
@stop


@section('content')

	<div class="images" v-viewer>
		<img src="{{ asset('img/facturas-proceso.png') }}">
	</div>
	{{ session()->reflash() }}
	
	<div v-html="mensaje_resp" :hidden="mensaje_resp_flag">
	</div>
	<div class="bgc-white p-20 bd">
		<h2 class="pull-left">Detalle Vehículo {{ $vehiculo->placa_patente }}</h2>
		<div class="my-3 pull-right">
        	<b-button-toolbar hidden key-nav aria-label="Toolbar with button groups">
				<b-button-group>
					<b-button @click="Imprimir()" class="btn btn-primary" >Imprimir</b-button>
					<b-button @click="mostrarAllCollapse()" class="btn btn-primary" >Expandir Todo</b-button>
					<b-button :hidden="flag_btn" @click="OcultarBtn()" class="btn btn-primary" >Mostrar Botones</b-button>
				</b-button-group>
        	</b-button-toolbar>
		</div>

		
		<div class="clearfix"></div>
		<div id="cont_impr">
		<b-card no-body class="mb-1">
			<b-card-header header-tag="header" class="p-1 d-flex" role="tab">
				<b-button block v-b-toggle.datos_vehiculo variant="light" size="sm">
					<h5>Datos de Vehículo</h5>
				</b-button>
				@can('vehiculosmunicipal.store')
				<button @click="MostrarModalReg({{ $vehiculo }})" class="btn align-content-end btn-primary btn-sm" v-if="flag_btn==true" >Editar</button>   
				@endcan
			</b-card-header>
			<b-collapse id="datos_vehiculo" visible print accordion="my-accordion1" role="tabpanel">
				<b-card-body>
					<b-card-text>

					<table class="table table-bordered table-hover table-sm">
						<thead>
						</thead>
						<tbody>
							<tr>
							<th style="width:25%">Patente:</th>
							<td style="width:25%">{{ $vehiculo->placa_patente }}</td>
							<th style="width:25%">Tipo Vehiculo:</th>
							<td style="width:25%">{{ $vehiculo->getipovehiculo }}</td>
							</tr>
							<tr>
							<th>Año:</th>
							<td>{{ $vehiculo->ano }}</td>
							<th>Modelo:</th>
							<td>{{ $vehiculo->modelo }}</td>
							</tr>
							<tr>
							<th>Color:</th>
							<td>{{ $vehiculo->color }}</td>
							<th>N° Motor:</th>
							<td>{{ $vehiculo->n_motor }}</td>
							</tr>
							<tr>
							<th>N° Chasis:</th>
							<td>{{ $vehiculo->n_chasis }}</td>
							<th>Estado:</strong> </td>
							<td>{{ $vehiculo->getestado[0] }}</td>
							</tr>
							<tr>
							<th>Accesorios:</th>
							<td>{{ $vehiculo->accesorios }}</td>
							<th>Dirección Vehiculo:</strong> </td>
							<td>{{ $vehiculo->direccion->nombre }}</td>
							</tr>
							<tr>
							<th>Combustible:</th>
							<td>{{ $vehiculo->getCombustible() }}</td>
							<th>Observaciones:</strong> </td>
							<td>{{ $vehiculo->observaciones }}</td>
							</tr>
						</tbody>
						</table> 

					</b-card-text>
				</b-card-body>
			</b-collapse>
			</b-card>
			</b-card>
	
			<b-card no-body class="mb-1">
			<b-card-header header-tag="header" class="p-1 d-flex" role="tab">
				<b-button block v-b-toggle.datos_conductores  variant="light" size="sm">
					<h5>Conductores</h5>			
				</b-button>
				@can('vehiculosmunicipal.store')
				<button @click="MostrarModalRegConAdd( {{ $vehiculo->id }} )" class="btn btn-primary btn-sm align-content-end" v-if="flag_btn==true" title="Agregar Conductor"><i class="fa fa-plus"></i></button>   
				@endcan
			</b-card-header>
			<b-collapse id="datos_conductores" print visible accordion="my-accordion2" role="tabpanel">
				<b-card-body>
					<b-card-text>
					@if(count($vehiculo->conductores) != 0)
						@foreach($vehiculo->conductores as $conductor)
						<h5>Conductor: {{ $conductor->user->name }} {{ $conductor->user->last_name }} 
							@can('vehiculosmunicipal.store')<button  v-if="flag_btn == true" @click="MostrarModalEdCon({{ $vehiculo->id }},{{ $conductor }})" class="btn btn-primary btn-sm  pull-right" >Editar</button>@endcan</h5>
						<table class="table table-bordered table-hover table-sm">
						<thead>
						</thead>
						<tbody>
							<tr>
								<th style="width:25%">
								Tipo Licencia:
								</th>
								<td style="width:25%">
								{{ $conductor->tipo_licencia }}
								</td>
								<th style="width:25%">
								N° DA Asigna Vehiculo:
								</th>
								<td style="width:25%">
								{{ $conductor->n_da_asigna_vehiculo }}
								</td>
							</tr>
							<tr>
							<th>
								Fecha DA Asigna Vehiculo:
							</th>
							<td>
								{{ $conductor->fecha_da_asigna_vehiculo->format("d-m-Y") }}
							</td>
							<th>
								Desde:
							</th>
							<td>
								{{ $conductor->desde->format("d-m-Y") }}
							</td>
							</tr>
							<tr>
							<th>
								Hasta:
							</th>
							<td>
								{{ $conductor->hasta->format("d-m-Y") }}
							</td>
							<th>
								Observación:
							</th>
							<td>
								{{ $conductor->observacion }}
							</td>
							</tr>
							<tr>
							<th>
								Dirección Conductor:
							</th>
							<td>
								{{ $conductor->direccion->nombre }}
								
								
							</td>
							
							<th>
								Doc. Adjunta
							</th>
							<td>
								@foreach($conductor->getDocAdjuntos() as $doc)
									<a href="{{ $doc["url"] }}" target="_blank">{{ $doc["filename"] }}</a> 
									@can('vehiculosmunicipal.store')
									<button @click="EliminarAdj('{{ $doc["tag"] }}','conductores','{{ $conductor->id }}')" type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									@endcan
									<br/>
								@endforeach
							</td>
							</tr>
						</tbody>
						</table> 
					@endforeach
				@else
					<table class="table">
					<thead>
					</thead>
					<tbody>
						<tr>
						<th>
							<strong>No asignado</strong>
						</th>
						</tr>
					</tbody>
					</table>
				@endif
				</b-card-text>
				</b-card-body>
			</b-collapse>
			</b-card>
			</b-card>
	
			
			

			
			<b-card no-body class="mb-1">
			<b-card-header header-tag="header" class="p-1 d-flex" role="tab">
				<b-button block v-b-toggle.datos_vigencias variant="light" size="sm">
					<h5>Documentación</h5>
				</b-button>
				@can('vehiculosmunicipal.store')
				<button @click="MostrarModalVigeAdd({{ $vehiculo->id}} )" class="btn btn-primary btn-sm align-content-end" v-if="flag_btn==true" title="Agregar Documentación"><i class="fa fa-plus"></i></button>   
				@endcan
					
			</b-card-header>
			<b-collapse id="datos_vigencias"  print visible accordion="my-accordion3" role="tabpanel">
				<b-card-body>
					<b-card-text>
								@if(count($vehiculo->vigencias) != 0)
				@foreach($vehiculo->vigencias as $vigencia)
					<h5 class="pull-left">Vigencia: {{ $count }}</h5>
										@can('vehiculosmunicipal.store')
						<template v-if="flag_btn == true">
							<button @click="MostrarModalVige({{ $vehiculo->id }},{{ $vigencia }})" class="btn btn-primary btn-sm  pull-right" >
								Editar
							</button>
						</template>
					@endcan
				
					<table class="table table-bordered table-hover table-sm">
					  <thead>
					  </thead>
					  <tbody>
						<tr>
						  <th style="width:25%">
							Documentacion:
						  </th>
						  <td style="width:25%">
							{{ $vigencia->getDocumentacion() }}
						  </td>
						  <th style="width:25%">
							N° Poliza:
						 </th>
						  <td style="width:25%">
							{{ $vigencia->n_poliza }}
						  </td>
						</tr>
						<tr>
						  <th>
							Entidad:
						  </th>
						  <td>
							{{ $vigencia->entidad }}
						  </td>
						  <th>
							Vigencia Desde:
						 </th>
						  <td>
							{{ (($vigencia->vigencia_desde!=null)?$vigencia->vigencia_desde->format("d-m-Y"):'') }}
						  </td>
						</tr>
						<tr>
						  <th>
							Vigencia Hasta:
						  </th>
						  <td>
							{{ (($vigencia->vigencia_hasta!=null)?$vigencia->vigencia_hasta->format("d-m-Y"):'') }}
						  </td>
						  <template v-if="flag_btn == true">
						  <th>
							Adjuntos:
						 </th>
						  <td>
							@foreach($vigencia->getDocAdjuntos() as $doc)
								<a href="{{ $doc["url"] }}" target="_blank">{{ $doc["filename"] }}</a> 
									@can('vehiculosmunicipal.store')
									<button @click="EliminarAdj('{{ $doc["tag"] }}','vigencias','{{ $vigencia->id }}')" type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									@endcan
								<br/>
							@endforeach
						  </td>
						</template>
						</tr>
						<tr>
						<th>
								Valor:
							</th>
							<td>
								{{ $vigencia->valor }}
							</td>
							<th>
								Observación:
							</th>
							<td>
								{{ $vigencia->observacion }}
							</td>
						</tr>
						
					  </tbody>
					</table> 
				@endforeach
			@else
			<div class="table-responsive">
				<table class="table">
				  <thead>
				  </thead>
				  <tbody>
					<tr>
					  <th>
						  <strong>No Registradas</strong>
					  </th>
					</tr>
				  </tbody>
				</table>
			</div>
			@endif


		</b-card-text>
					
				</b-card-body>
			</b-collapse>
			</b-card>
			</b-card>


			


			<b-card no-body class="mb-1">
			<b-card-header header-tag="header" class="p-1 d-flex" role="tab">
				<b-button block v-b-toggle.datos_incidencias variant="light" size="sm">
					<h5>Incidencias</h5>
				</b-button>
				@can('vehiculosmunicipal.store')
				<button @click="MostrarModalInciAdd( {{ $vehiculo->id }} )" class="btn btn-primary btn-sm align-content-end" v-if="flag_btn==true" title="Agregar Incidencia"><i class="fa fa-plus"></i></button>   
				@endcan
			</b-card-header>
			<b-collapse id="datos_incidencias" visible print is-nav accordion="my-accordion4" role="tabpanel">
				<b-card-body>
					<b-card-text>
								@if(count($vehiculo->incidencias) != 0)
				@foreach($vehiculo->incidencias as $incidencia)
				<div id="incidencia_{{$incidencia->id}}">
					<h5 class="pull-left">Incidencia: {{ $count }}</h5>
										@can('vehiculosmunicipal.store')
						<template v-if="flag_btn == true"><button @click="EliminarInci({{ $vehiculo->id }},{{ $incidencia }})" class="btn btn-sm btn-danger pull-right" ><span class="fa fa-trash"></span></button>
							<button @click="MostrarModalInci({{ $vehiculo->id }},{{ $incidencia }})" class="btn btn-sm btn-primary pull-right" >Editar</button>
							
						</template>
					@endcan
					<div class="table-responsive">
					<table class="table table-bordered table-hover table-sm">
					  <thead>
					  </thead>
					  <tbody>
						<tr>
						  <th style="width:25%">
							Tipo Incidencia:
						  </th>
						  <td  style="width:25%">
							{{ $incidencia->getTipo_incidencia() }}
						  </td>
						  <th  style="width:25%">
							Descripción:
						 </th>
						  <td  style="width:25%">
							{{ $incidencia->descripcion }}
						  </td>
						</tr>
						<tr>
						  <th>
							N° Orden Compra:
						  </th>
						  <td>
							{{ $incidencia->n_orden_compra }}
						  </td>
						  <th>
							Fecha Oc:
						 </th>
						  <td>
							{{ (($incidencia->fecha_oc!=null)?$incidencia->fecha_oc->format('d-m-Y') :'') }}
						  </td>
						</tr>
						<tr>
						  <th>
							Costo:
						  </th>
						  <td>
							{{ $incidencia->costo }}
						  </td>
						  <th>
							Taller:
						 </th>
						  <td>
							{{ $incidencia->taller }}
						  </td>
						</tr>
						<tr>
						  <th>
							KM Odometro:
						  </th>
						  <td>
							{{ $incidencia->km_odometro }}
						  </td>
						  <th>
							Ingreso Taller:
						 </th>
						  <td>
							{{ (($incidencia->ingreso_taller!=null)?$incidencia->ingreso_taller->format('d-m-Y'):'') }}
						  </td>
						</tr>
						<tr>
						  <th>
							Salida Taller:
						  </th>
						  <td>
							{{ (($incidencia->salida_taller!=null)?$incidencia->salida_taller->format('d-m-Y'):'') }}
						  </td>
						  <th>
							N° Factura:
						 </th>
						  <td>
							{{ $incidencia->n_factura }}
						  </td>
						</tr>
						<tr>
						  <th>
							Fecha Factura:
						  </th>
						  <td>
							{{ (($incidencia->fecha_factura!=null)?$incidencia->fecha_factura->format('d-m-Y'):'') }}
						  </td>
						  <th>
							N° Ingreso Bodega:
						 </th>
						  <td>
							{{ $incidencia->n_ingreso_bod }}
						  </td>
						</tr>
						<tr>
						  <th>
							Fecha Ingreso Bodega:
						  </th>
						  <td>
							{{ (($incidencia->fecha_ingreso_bod!=null)?$incidencia->fecha_factura->format('d-m-Y'):'') }}
						  </td>
						  <th>
							Observaciones:
						 </th>
						  <td>
							{{ $incidencia->observaciones }}
						  </td>
						</tr>
						<tr>
						  <th>
							Adjuntos
						  </th>
						  <td>
						  @foreach($incidencia->getDocAdjuntos() as $doc)
								<a href="{{ $doc["url"] }}" target="_blank">{{ $doc["filename"] }}</a> 
									@can('vehiculosmunicipal.store')
									<button @click="EliminarAdj('{{ $doc["tag"] }}','incidencias','{{ $incidencia->id }}')" type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									@endcan
								<br/>
							@endforeach
						  </td>
						  <th>
							
						 </th>
						  <td>
							
						  </td>
						</tr>
					  </tbody>
					</table> 
				</div>
				</div>
				@endforeach
			@else
			<div class="table-responsive">
				<table class="table">
				  <thead>
				  </thead>
				  <tbody>
					<tr>
					  <th>
						  <strong>No Registradas</strong>
					  </th>
					</tr>
				  </tbody>
				</table>
			</div>
			@endif
			</b-card-text>
				</b-card-body>
			</b-collapse>
			</b-card>
			</b-card>




			<b-card no-body class="mb-1">
			<b-card-header header-tag="header" class="p-1" role="tab">
				<b-button block v-b-toggle.datos_gasto variant="light" size="sm">
					<h5>Gasto</h5>
				</b-button>
			</b-card-header>
			<b-collapse id="datos_gasto" visible print is-nav accordion="my-accordion5" role="tabpanel">
				<b-card-body no-body>
					<table class="table table-bordered table-hover">
					<thead>
					<tr><th style="width:10%">Año</th><th  style="width:15%">PCV</th><th  style="width:15%">Rev. Tec.</th><th  style="width:15%">SOAP</th><th style="width:15%">Seg. Adic</th><th style="width:15%">Incidencias</th><th  style="width:15%">Total</th></tr>
					</thead>
					<tbody>
					<template v-for="(item,index) in this.gastos">
					<tr>
						<td>@{{index}}</td>
						<td>@{{formatPrice(item.PCV)}}</td>
						<td>@{{formatPrice(item.RTV)}}</td>
						<td>@{{formatPrice(item.SOAP)}}</td>
						<td>@{{formatPrice(item.seguro)}}</td>
						<td>@{{formatPrice(item.incidencias)}}</td>
						<td>@{{formatPrice(sumarGastos(item))}}</td>
					
					</tr>
					</template>
					</tbody>
					</table>

					


					
				</b-card-body>
			</b-collapse>
			</b-card>
		</div>
	</div>

	<b-modal v-model="modal_adj" hide-footer size="lx" ok-only :title="titulo_modal">
		<div class="table-responsive">
			<table class="table" style="overflow-y: scroll;">
				<thead>
				</thead>
				<tbody>
					<template v-for="ad in adj">
						<tr>
							<th>
								<a :href="ad.url" target="_blank">
									<span :class="['fa', getFileIcon('ad.url'), 'mr-3']">
										@{{ ad.basename }}
									</span> 
								</a>
							</th>
							<td>
								<button @click="EliminarAdj(ad.tag)" class="btn btn-danger btn-sm">X</button>
							</td>
						</tr>
					</template>
				</tbody>
			</table>
		</div>
	</b-modal>

	<b-modal v-model="modal_conductor" hide-footer size="xl" ok-only :title="titulo_modal">
		<b-form v-on:submit="EditarConductor">
			<div class="mb-3">
                <div class="row d-flex">
                    <b-form-group  class="col-12 col-sm-4"  label="Conductor"><i v-if="searchingConductor==true" class="fa fa-spin fa-cog"></i>

					<v-select label="full_name" v-model="cond.conductor" :options="conductores" v-on:input="AgregarConductor($event)" required :rules="[(v) => !!v || 'Conductor es requerido']" :filterable="false" :options="options" @search="BuscarConductor">
						<template slot="no-options">
						No se encuentran registros
						</template>
					</v-select>
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Rut">
                        <input v-model="cond.rut" class="form-control" type="text" name="rut" required disabled>
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Dirección Municipal">
                        <select @change="DireccionChange($event, 2)" name="direccion" id="direccion" v-model="cond.direccion" class="form-control" required>
                            @foreach($direcciones as $direccion)
                                <option value="{{ $direccion->id }}">
                                    {{ $direccion->nombre }}
                                </option>
                            @endforeach
                        </select>
                        <p style="position: absolute; color: red;" v-if="valid_direc">Seleccione Dirección Municipal</p>
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Tipo Licencia">
                        <input v-model="cond.tipo_licencia" class="form-control" type="text" name="tipo_licencia" required>
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="N° D.A Vehículo">
                        <input v-model="cond.n_da_asigna_vehiculo" class="form-control" type="number" name="n_da_asigna_vehiculo" required>
                    </b-form-group>

                    <b-form-group  class="col-12 col-sm-4"  label="Fecha D.A Vehículo">
                        <input v-model="cond.fecha_da_asigna_vehiculo" class="form-control" type="date" name="fecha_da_asigna_vehiculo" required >
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Fecha Desde">
                        <input v-model="cond.desde" class="form-control" type="date" name="desde" required >
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Fecha Hasta">
                        <input v-model="cond.hasta" class="form-control" type="date" name="hasta" required >
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Adjunto">
						<template v-for="(adjunto, index) in this.cond.adjuntos" >
								- @{{adjunto.name}} <i class="fa fa-remove btn" @click="borrarAdjunto('conductores',index)" ></i></br>
						</template>
						<b-btn @click="MostrarModalAdjuntosNew('conductores')">
							Adjuntar Archivo
						</b-btn>
                    </b-form-group>
                    <br>
                    <b-form-group  class="col-12 col-sm-4"  label="Observaciones">
                        <textarea v-model="cond.observaciones" class="form-control" type="text" name="observaciones" required ></textarea>
                    </b-form-group>
                </div>
            </div>
            <div class="d-flex justify-content-end">
                <button class="btn btn-primary">Registrar</button>
            </div>
		</b-form>
	</b-modal>

	<b-modal v-model="modal_vigencia" hide-footer size="lg" ok-only :title="titulo_modal">
		<b-form v-on:submit="EditarVige">
		<div class="mb-3">
			<div class="row d-flex">
				<b-form-group  class="col-12 col-sm-4"  label="Documentación">
					<select v-model="vige.documentacion" name="documentacion" id="documentacion" class="form-control" required>
						<option :value="doc.value" v-for="(doc, index) in documentacion" >@{{ doc.op }}</option>
					</select>
					<p style="position: absolute; color: red;" v-if="valid_documentacion">Seleccione Documentación</p>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Entidad">
					<input v-model="vige.entidad" class="form-control" type="text" name="entidad" required>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="N Póliza">
					<input v-model="vige.n_poliza" class="form-control" type="text" name="n_poliza" required>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Vigencia Desde">
					<input v-model="vige.vigencia_desde" class="form-control" type="date"  name="vigencia_desde" required>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Vigencia Hasta">
					<input v-model="vige.vigencia_hasta" class="form-control" type="date"  name="vigencia_hasta" required>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Valor">
					<input v-model="vige.valor" class="form-control" type="number"  name="valor" required>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Adjunto">
					<template v-for="(adjunto, index) in this.vige.adjuntos" >
							- @{{adjunto.name}} <i class="fa fa-remove btn" @click="borrarAdjunto('vigencias',index)" ></i></br>
					</template>
					<b-btn @click="MostrarModalAdjuntosNew('vigencias')">
						Adjuntar Archivo
					</b-btn>
				</b-form-group>
				<br>
				<b-form-group  class="col-12 col-sm-4"  label="Observación">
					<textarea v-model="vige.observacion" class="form-control" type="text" name="observación"></textarea>
				</b-form-group>
			</div>
		</div>
		<div class="d-flex justify-content-end">
			<button class="btn btn-primary">Editar</button>
		</div>
		</b-form>
	</b-modal>

	<b-modal v-model="modal_incidencias" hide-footer size="xl" ok-only :title="titulo_modal">
		<b-form v-on:submit="EditarInci">
			<div class="mb-3">
                <div class="row d-flex">
                    <b-form-group class="col-12 col-sm-4"  label="Tipo Incidencia">
                        <select v-model="inci.tipo_incidencia" @change="TipoInciChange($event)" name="tipo_incidencia" id="tipo_incidencia" class="form-control" required>
                            <option value="">Seleccione</option>
                            <option value="1">Mantención o Reparación</option>
                            <option value="2">Siniestro</option>
                        </select>
                        <p style="position: absolute; color: red;" v-if="valid_incidencia">Seleccione Tipo Incidencia</p>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Descripción">
                        <textarea v-model="inci.descripcion" class="form-control" type="text" name="descripciones" required ></textarea>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="N Informe Falla">
                        <input v-model="inci.n_informe_falla" class="form-control" type="number" name="n_informe_falla" required>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Fecha Informe Falla">
                        <input v-model="inci.fecha_infome_falla" class="form-control" type="date" name="fecha_infome_falla" required>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="N Orden Compra">
                        <input v-model="inci.n_orden_compra" class="form-control" type="text" name="n_orden_compra" required>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Fecha Oc">
                        <input v-model="inci.fecha_oc" class="form-control" type="date" name="fecha_oc">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Costo">
                        <input v-model="inci.costo" class="form-control" type="number" step="0.00" name="costo">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Taller">
                        <input v-model="inci.taller" class="form-control" type="text" name="taller">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Km Odometro">
                        <input v-model="inci.km_odometro" class="form-control" type="number" name="km_odometro">
                    </b-form-group>

                    <b-form-group class="col-12 col-sm-4"  label="Ingreso Taller">
                        <input v-model="inci.ingreso_taller" class="form-control" type="date"   name="ingreso_taller">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Salida Taller">
                        <input v-model="inci.salida_taller" class="form-control" type="date"  name="salida_taller">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="N Factura">
                        <input v-model="inci.n_factura" class="form-control" type="number" name="n_factura">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Fecha Factura">
                        <input v-model="inci.fecha_factura" class="form-control" type="date"  @input="updateValue($event.target.value)" name="fecha_factura">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="N Ingreso Bodega">
                        <input v-model="inci.n_ingreso_bod" class="form-control" type="number" name="n_ingreso_bod">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Fecha Ingreso Bodega">
                        <input v-model="inci.fecha_ingreso_bod" class="form-control" type="date"  @input="updateValue($event.target.value)" name="fecha_ingreso_bod">
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Adjunto">
						<template v-for="(adjunto, index) in this.inci.adjuntos" >
								- @{{adjunto.name}} <i class="fa fa-remove btn" @click="borrarAdjunto('incidencias',index)" ></i></br>
						</template>
                        <b-btn @click="MostrarModalAdjuntosNew('incidencias')">
                            Adjuntar Archivo
                        </b-btn>
                    </b-form-group>
                    <br>
                    <b-form-group class="col-12 col-sm-4"  label="Observaciones">
                        <textarea v-model="inci.observaciones" class="form-control" type="text" name="observaciones"></textarea>
                    </b-form-group>
                </div>
            </div>     
            <div class="d-flex justify-content-end">
                <button class="btn btn-primary">Registrar</button>
            </div>
		</b-form>
	</b-modal>


	<b-modal v-model="modal_registro" hide-footer size="xl" ok-only :title="titulo_modal">
		<b-form v-on:submit="EditarVehiculo"  novalidate class="was-validated" id="formulario">
		<div class="mb-3">
			<div class="d-flex row">
				<b-form-group class="col-12 col-sm-4" label="Placa Patente">
					<input v-model="reg_v.placa_patente" class="form-control" type="text" name="placa_patente" required>
				</b-form-group>
				<br>
				
				<b-form-group class="col-12 col-sm-4"  label="Tipo Vehiculo">
                    <b-form-select required name="tipo_vehiculo"  v-model="reg_v.tipo_vehiculo" :options="opciones.tipo" value-field="key"  text-field="value"></b-form-select>	
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Marca">
					<input v-model="reg_v.marca" class="form-control" type="text" name="marca" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Año">
					<input v-model="reg_v.ano" class="form-control" type="number" name="ano" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Modelo">
					<input v-model="reg_v.modelo" class="form-control" type="text" name="modelo" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Color">
					<input v-model="reg_v.color" class="form-control" type="text" name="color" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Dirección Municipal">
					<b-form-select required name="direccion"  v-model="reg_v.direccion" :options="direcciones" value-field="id" text-field="nombre"></b-form-select>
				</b-form-group>

				<b-form-group class="col-12 col-sm-4" label="N° Motor">
					<input v-model="reg_v.n_motor" class="form-control" type="text" name="n_motor" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="N° Chasis">
					<input v-model="reg_v.n_chasis" class="form-control" type="text" name="n_chasis" required>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Estado">
					<b-form-select required name="estado"  v-model="reg_v.estado" :options="opciones.estado"  value-field="key"  text-field="value[0]" ></b-form-select>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Combustible">
					<b-form-select required name="estado"  v-model="reg_v.combustible" :options="opciones.combustible"  value-field="key"  text-field="value"></b-form-select>
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Accesorios">
					<input v-model="reg_v.accesorios" class="form-control" type="text" name="accesorios">
				</b-form-group>
				<br>
				<b-form-group class="col-12 col-sm-4" label="Observaciones">
					<textarea v-model="reg_v.observaciones" class="form-control" type="text" name="observación"></textarea>
				</b-form-group>
				<br>
				
			</div>
		</div> 
		<div class="d-flex justify-content-end">
			<button class="btn btn-primary">Editar</button>
		</div>
		</b-form>
	</b-modal>

	<b-modal v-model="modal_archivos" hide-footer size="lx" ok-only :title="titulo_modal">
        <template>
			<div v-for="(adjunto, index) in t_adjuntos" :key="index">
            <b-form-group horizontal :label="label_adjuntos+(index + 1)">
                <b-file  v-model="adjunto.adjunto" accept=".jpeg, .png, .doc, .docx, .pdf, .zip"></b-file>
                <span>Formatos: jpeg, png, doc, docx, pdf, zip</span>
                <input-error :errors="errors" nombre="adjunto"></input-error>
                <div class="d-flex justify-content-end">
                    <button @click="DesApilarAdjuntos(index)" class="btn btn-danger">X</button>
                </div>
			</b-form-group>
		</div>
        </template>
        <div class="d-flex justify-content-end">
            <button @click="ApilarAdjuntos()" class="btn btn-primary">Agregar otro</button>
        </div>
	</b-modal>
	

	<b-modal v-model="modal_archivos_new.visible" @ok="agregar_adjunto()" size="lx" :title="titulo_modal">
        <template>
            <b-form-group horizontal label="Archivo">
                <b-file v-model="modal_archivos_new.archivo" accept=".jpeg, .png, .doc, .docx, .pdf, .zip"></b-file>
                <span>Formatos: jpeg, png, doc, docx, pdf, zip</span>
                <input-error :errors="errors" nombre="adjunto"></input-error>
			</b-form-group>
        </template>
    </b-modal>
@endsection

@push('pre-scripts')

	<script>
		window.pageMix.push({
			data: () => ({
				titulo_modal: "",
				mensaje_resp: "",
				vehiculo_id: "{{ $vehiculo_id }}",
				direcciones:@json($direcciones),
				gastos:@json($vehiculo->resumen_gastos),
				mensaje_resp_flag: true,
				searchingConductor:false,
				dismissSecs: 10,
				usuarios: [] ,
				datos_vehiculos: [],
				options2: [{
					text: "name1",
					value: "value1"
					}, {
					text: "name2",
					value: "value2"
					}, {
					text: "name3",
					value: "value3"
					}],
    
				result3: "",
				DateNow: null,
				label_adjuntos: "Adjunto N°",
				dateValue: new Date().toLocaleString(),
				valid_tipo_v: false,
				valid_estado: false,
				vehiculos: [],
				flag_btn: true,
				valid_tipo_incidencia: false,
				valid_combustible: false,
				valid_documentacion: false,
				valid_direc: false,
				valid_bus: true,
				valid_incidencia: false,
				dismissCountDown: 0,
				showDismissibleAlert: false,
				disableds: false,
				loading: false,
				notifi_flag: false,
				errors: {},
				status: null,
				op: "",
				modal_registro: false,
				modal_conductor: false,
				modal_vigencia: false,
				modal_incidencias: false,
				modal_archivos: false,
				modal_archivos_new:{
					visible:false,
					tipo:'',
				},
				modal_resumen: false,
				modal_adj: false,
				t_adjuntos: [],
				adj: [],
				reg_v: {},
				
				buscar: "",

				cond: {
					adjuntos: []
				},
				vige: {
					adjuntos: []
				},
				inci: {
					adjuntos: []
				},
				conductores: [],
				documentacion: [
					{
						op: "Seleccione",
						selected: true,
						value: ""
					},
					{
						op: "Póliza de seguro",
						selected: false,
						value: 1
					},
					{
						op: "SOAP",
						selected: false,
						value: 2
					},
					{
						op: "Permiso de circulación",
						selected: false,
						value: 3
					},
					{
						op: "Revisión Técnica",
						selected: false,
						value: 4
					}
				],
				opciones:[],


				selectedCountries: [],
				countries: [],
				isLoading: false
			}),
			mounted(){
                axios.get('{{ route('vehiculosmunicipal.opciones')}}?perPage=5000').then(response => this.opciones = response.data);
            },
			created() {
				$('form').submit(false);
				//this.tipos_monedas_ed = this.tipos_monedas;
				this.DateNow = moment().format('YYYY-MM-DDTHH:MM');
			},
			computed: {
				totalgasto:function(){
					let incidencias = @json($vehiculo->incidencias);
					let arr ={};
					for(let i=0;i<incidencias.length;i++){
						if (arr[incidencias[i].anio_incidencia]==null)
							arr[incidencias[i].anio_incidencia]=0;

						arr[incidencias[i].anio_incidencia] = arr[incidencias[i].anio_incidencia] + incidencias[i].costo;
					}
					let total = 0;
					for(item in arr){
						total = total + arr[item];
					}
					arr["Total"] =total;

					return Object.keys(arr).sort().reduce((a, c) => (a[c] = arr[c], a), {});
				}
			},

			filter:{
				formatDate:function(value){
					return moment(String(value)).format('DD-MM-YYYY')
				}
			},


			methods: {
				
				//*** VEHICULOS ***
				MostrarModalReg() {
                    this.titulo_modal = "Registrar Vehiculo"
                    this.modal_registro = !this.modal_registro
                },			
				DireccionChange(event, op) {
					if (op == 1) {
						this.cond.direccion_id = event.target.value
						if (this.cond.direccion_id != 0) {
							this.valid_direc = false
						}
					}

					if (op == 2) {
						this.reg_v.direccion = event.target.value
						if (this.reg_v.direccion != 0) {
							this.valid_direc = false
						}
					}
				},
				TipoVehiculoChange(event) {
					this.reg_v.tipo_vehiculo = event.target.value
					console.log(this.reg_v.tipo_vehiculo)
					if (this.reg_v.tipo_vehiculo != 0) {
						this.valid_tipo_v = false
					}
				},
				EstadoVehiculoChange(event) {
					this.reg_v.estado = event.target.value
					if (this.reg_v.estado != 0) {
						this.valid_estado = false
					}
				},
				CombustibleVehiculoChange(event) {
					this.reg_v.combustible = event.target.value
					if (this.reg_v.combustible != 0) {
						this.valid_combustible = false
					}
				},
				MostrarModalReg(vehiculo) {
					console.log(vehiculo)
					this.titulo_modal        = "Editar Vehiculo"
					this.modal_registro      = !this.modal_registro
					this.reg_v.vehiculo_id   = vehiculo.id
					this.reg_v.placa_patente = vehiculo.placa_patente
					$("#tipo_vehiculo").val(vehiculo.tipo_vehiculo).change();
					this.reg_v.tipo_vehiculo = vehiculo.tipo_vehiculo
					this.reg_v.marca         = vehiculo.marca
					this.reg_v.ano           = vehiculo.ano
					this.reg_v.modelo        = vehiculo.modelo
					this.reg_v.color         = vehiculo.color
					this.reg_v.direccion     = vehiculo.direccion_id
					$("#direccion_v").val(vehiculo.direccion_id).change();
					this.reg_v.n_chasis      = vehiculo.n_chasis
					this.reg_v.n_motor       = vehiculo.n_motor
					this.reg_v.observaciones = vehiculo.observaciones
					this.reg_v.accesorios    = vehiculo.accesorios
					$("#combustible").val(vehiculo.combustible).change();
					this.reg_v.estado        = vehiculo.estado
					$("#estado").val(vehiculo.estado).change();
					this.reg_v.combustible   = vehiculo.combustible
				},
				EditarVehiculo(e) {
                    e.preventDefault();
					console.log(this.reg_v)

					if (typeof this.reg_v.tipo_vehiculo === "undefined" || this.reg_v.tipo_vehiculo === "0") {
						this.valid_tipo_v = true
					} else if (typeof this.reg_v.estado === "undefined" || this.reg_v.estado === "0") {
						this.valid_estado = true
					} else if (typeof this.reg_v.combustible === "undefined" || this.reg_v.combustible === "0") {
						this.valid_combustible = true
					} else if (typeof this.reg_v.direccion === "undefined" || this.reg_v.direccion === "0") {
						this.valid_direc = true
					} else {
						const formData = new FormData;
						formData.append(
							'placa_patente', 
							this.reg_v.placa_patente
						);

						formData.append(
							'vehiculo_id', 
							this.reg_v.vehiculo_id
						);

						formData.append(
							'direccion_id', 
							this.reg_v.direccion
						);
						
						formData.append(
							'tipo_vehiculo', 
							this.reg_v.tipo_vehiculo
						);

						formData.append(
							'marca', 
							this.reg_v.marca
						);

						formData.append(
							'ano', 
							this.reg_v.ano
						);

						formData.append(
							'modelo', 
							this.reg_v.modelo
						);

						formData.append(
							'color', 
							this.reg_v.color
						);

						formData.append(
							'n_motor', 
							this.reg_v.n_motor
						);

						formData.append(
							'n_chasis', 
							this.reg_v.n_chasis
						);

						formData.append(
							'estado', 
							this.reg_v.estado
						);

						formData.append(
							'combustible', 
							this.reg_v.combustible
						);

						if (typeof this.reg_v.observaciones !== "undefined" && this.reg_v.observaciones !== null) {
							formData.append(
								'observaciones', 
								this.reg_v.observaciones
							);
						} else if (this.reg_v.observaciones === "") {
							formData.append(
								'observaciones', 
								""
							);
						}

						if (typeof this.reg_v.accesorios !== "undefined" && this.reg_v.accesorios !== null) {
							formData.append(
								'accesorios', 
								this.reg_v.accesorios
							);
						} else if (this.reg_v.accesorios === "") {
							formData.append(
								'accesorios', 
								""
							);
						}

						formData.append(
							'conductor_id', 
							this.reg_v.conductor_id
						);

						this.$http.post(
							'{{ route('vehiculosmunicipal.store') }}', 
							formData
						).then(
							res => {
								console.log(res)
								//$("#" + this.encuesta_id).hide();
								window.location = '/vehiculosmunicipal/vehiculo/' + this.vehiculo_id
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					}
				},

				//*** CONDUCTORES ***
				MostrarModalRegConAdd(id) {
                    this.cond.adjuntos = []
                    this.cond.vehiculo_id = id
                    this.titulo_modal = "Agregar nuevo Conductor"
                    this.modal_conductor = !this.modal_conductor
				},
				MostrarModalEdCon(vehiculo_id, conductor) {
					console.log(conductor)
					this.cond.vehiculo_id = vehiculo_id
					this.cond.conductor_id = conductor.id
					this.cond.observaciones = conductor.observacion
					this.cond.n_da_asigna_vehiculo = conductor.n_da_asigna_vehiculo
					this.cond.tipo_licencia = conductor.tipo_licencia
					this.cond.rut = conductor.user.rut
					this.cond.user_id = conductor.user_id
					this.cond.conductor = conductor.user.full_name
					this.cond.fecha_da_asigna_vehiculo = conductor.fecha_da_asigna_vehiculo
					this.cond.desde = conductor.desde
					this.cond.hasta = conductor.hasta
					this.titulo_modal = "Editar Conductor"
					this.cond.direccion = conductor.direccion_id
					// $("#direccion").val(conductor.direccion_id).change();
					// this.cond.direccion_id = conductor.direccion_id
	  
					// if (this.cond.direccion_id != 0) {
					// 	this.valid_direc = false
					// } else {
					// 	this.valid_direc = true
					// }
					this.cond.user_id = conductor.user_id
					this.modal_conductor = !this.modal_conductor
				},
				AgregarConductor(event, op) {
                    console.log(event)
                    this.cond.conductor = event.full_name
                    this.cond.rut = event.rut
                    this.conductor_id = event.id
                    this.cond.user_id = event.id
                    this.conductores = [];
                },
				BuscarUsers(nombre) {
					
				},
				BuscarConductor(search,loading) {
					if (search.length >4 ) {
						loading(true);
						axios.get(
								`{{ route('vehiculosmunicipal.search_user') }}`, { 
									params: { nombre: search} 
								}
							).then(
								response => {this.conductores = response.data;	loading(false); }
							).catch(
								error => {}
							);


					}

					// this.searchingConductor=true;
					// if(event.target.value !== "") {
					// 	this.BuscarUsers(event.target.value);
					// 	this.conductores = this.usuarios
					// 	this.searchingConductor=false;
					// } else {
					// 	this.conductores = [];
					// }
				},
				EditarConductor(e) {
                    e.preventDefault();
					console.log(this.cond)
					console.log(this.cond.conductor_id);

					
						const formData = new FormData;

						if (typeof this.cond.conductor_id !== "undefined") {
							formData.append(
								'conductor_id', 
								this.cond.conductor_id
							);
						}
						
						formData.append(
							'observaciones', 
							this.cond.observaciones
						);

						formData.append(
							'direccion_id', 
							this.cond.direccion
						);

						formData.append(
							'vehiculo_id', 
							this.cond.vehiculo_id
						);

						formData.append(
							'user_id', 
							this.cond.user_id
						);

						formData.append(
							'n_da_asigna_vehiculo', 
							this.cond.n_da_asigna_vehiculo
						);

						formData.append(
							'tipo_licencia', 
							this.cond.tipo_licencia
						);


						formData.append(
							'conductor', 
							this.cond.conductor
						);

						formData.append(
							'fecha_da_asigna_vehiculo', 
							this.cond.fecha_da_asigna_vehiculo
						);

						formData.append(
							'desde', 
							this.cond.desde
						);

						formData.append(
							'hasta', 
							this.cond.hasta
						);


						//adjuntos
						formData.append(
                            'n_adjuntos', 
                            this.cond.adjuntos.length
                        );

						if (this.cond.adjuntos.length != 0) {
                            for (var i = 0; i < this.cond.adjuntos.length; i++) {
                                formData.append(
                                    'adjunto_' + i, 
                                    this.cond.adjuntos[i]
                                );
                            }
                          
                        }
						// formData.append(
                        //     'n_adjuntos', 
                        //     this.t_adjuntos.length
                        // );

                        // if (this.t_adjuntos.length != 0) {
                        //     for (var i = 0; i < this.t_adjuntos.length; i++) {
                        //         formData.append(
                        //             'adjunto_' + i, 
                        //             this.t_adjuntos[i].adjunto
                        //         );
                        //     }
                        //     console.log(this.t_adjuntos[0].adjunto)
                        // }
						// console.log(this.cond.da_adjunto)
						
						this.$http.post(
							'{{ route('vehiculosmunicipal.store_conductor') }}', 
							formData
						).then(
							res => {
								console.log(res)
								//$("#" + this.encuesta_id).hide();
								//window.location = '{{ route('home') }}'
								//window.location.reload();
								window.location = '/vehiculosmunicipal/vehiculo/' + this.vehiculo_id
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					
				},

				
				//*** VIGENCIAS ***
				MostrarModalVigeAdd(id) {
                    this.vige.vehiculo_id = id
                    this.vige.adjuntos = []
                    this.vige.vigencia_desde = moment().format('YYYY-MM-DDTHH:MM')
                    this.vige.vigencia_hasta = moment().format('YYYY-MM-DDTHH:MM')
                    this.titulo_modal = "Agregar nueva Documentación"
                    this.modal_vigencia = !this.modal_vigencia
				},
				MostrarModalVige(vehiculo_id, vigencia) {
					console.log(vigencia)
					this.vige.documentacion = vigencia.documentacion
					this.vige.vehiculo_id = vehiculo_id
					this.vige.vigencia_id = vigencia.id
					this.vige.entidad = vigencia.entidad
					this.vige.n_poliza = vigencia.n_poliza
					// this.vige.vigencia_desde = vigencia.vigencia_desde.replace(
					// 	" ", 
					// 	"T"
					// )
					this.vige.vigencia_desde = vigencia.vigencia_desde
					this.vige.vigencia_hasta = vigencia.vigencia_hasta.replace(
						" ", 
						"T"
					)
					this.vige.valor = vigencia.valor
					this.vige.observacion = vigencia.observacion
					this.titulo_modal = "Editar Vigencia"
					this.modal_vigencia = !this.modal_vigencia
				},
				EditarVige(e) {
                    e.preventDefault();
					const formData = new FormData;
						
					if (typeof this.vige.documentacion === "undefined" || this.vige.documentacion === "0") {
						this.valid_documentacion = true
					} else {
						
						if (typeof this.vige.vigencia_id !== "undefined") {
							formData.append(
								'vigencia_id', 
								this.vige.vigencia_id
							);
						}
						formData.append(
							'documentacion', 
							this.vige.documentacion
						);

						formData.append(
							'entidad', 
							this.vige.entidad
						);

						formData.append(
							'n_poliza', 
							this.vige.n_poliza
						);

						formData.append(
							'vigencia_desde', 
							this.vige.vigencia_desde
						);

						formData.append(
							'vigencia_hasta', 
							this.vige.vigencia_hasta
						);

						formData.append(
							'vehiculo_id', 
							this.vige.vehiculo_id
						);

						formData.append(
							'valor', 
							this.vige.valor
						);
						
						// formData.append(
                        //     'n_adjuntos', 
                        //     this.t_adjuntos.length
                        // );

                        // if (this.t_adjuntos.length != 0) {
                        //     for (var i = 0; i < this.t_adjuntos.length; i++) {
                        //         formData.append(
                        //             'adjunto_' + i, 
                        //             this.t_adjuntos[i].adjunto
                        //         );
                        //     }
                        //     console.log(this.t_adjuntos[0].adjunto)
						// }
						//adjuntos
						formData.append(
                            'n_adjuntos', 
                            this.vige.adjuntos.length
                        );

						if (this.vige.adjuntos.length != 0) {
                            for (var i = 0; i < this.vige.adjuntos.length; i++) {
                                formData.append(
                                    'adjunto_' + i, 
                                    this.vige.adjuntos[i]
                                );
                            }
                          
                        }

						if (typeof this.vige.observacion !== "undefined") {
							formData.append(
								'observacion', 
								this.vige.observacion
							);
						}

						this.$http.post(
							'{{ route('vehiculosmunicipal.store_vigencia') }}', 
							formData
						).then(
							res => {
								console.log(res)
								//$("#" + this.encuesta_id).hide();
								//window.location = '{{ route('home') }}'
								window.location = '/vehiculosmunicipal/vehiculo/' + this.vehiculo_id
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					}          
				},


				//*** INCIDENCIAS ***
				MostrarModalInciAdd(id) {
					console.log(id);
                    this.inci.adjuntos = []
                    this.inci.ingreso_taller = moment().format('YYYY-MM-DDTHH:MM')
                    this.inci.salida_taller = moment().format('YYYY-MM-DDTHH:MM')
                    this.inci.fecha_factura = moment().format('YYYY-MM-DDTHH:MM')
                    this.inci.fecha_ingreso_bod = moment().format('YYYY-MM-DDTHH:MM')
                    this.inci.vehiculo_id = id
                    this.titulo_modal = "Agregar nueva Incidencia"
                    this.modal_incidencias = !this.modal_incidencias
				},
				MostrarModalInci(vehiculo_id, incidencia) {
					console.log(incidencia)


					this.inci.incidencia_id      = incidencia.id
					
					this.inci.descripcion        = incidencia.descripcion
					this.inci.n_informe_falla    = incidencia.n_informe_falla
					this.inci.fecha_infome_falla = incidencia.fecha_infome_falla
					this.inci.n_orden_compra     = incidencia.n_orden_compra
					this.inci.fecha_oc           = incidencia.fecha_oc
					this.inci.costo              = incidencia.costo
					this.inci.taller             = incidencia.taller
					this.inci.km_odometro        = incidencia.km_odometro
					this.inci.observaciones      = incidencia.observaciones
					this.inci.n_factura          = incidencia.n_factura
					this.inci.ingreso_taller     = incidencia.ingreso_taller.replace(
						"T",
						" "
					)
					this.inci.salida_taller      = incidencia.salida_taller.replace(
						"T",
						" "
					)
					this.inci.tipo_incidencia    = incidencia.tipo_incidencia

					this.inci.fecha_factura      = incidencia.fecha_factura.replace(
						" ",
						"T"
					)
					this.inci.n_ingreso_bod      = incidencia.n_ingreso_bod
					this.inci.fecha_ingreso_bod  = incidencia.fecha_ingreso_bod.replace(
						" ",
						"T"
					)
					$("#tipo_incidencia").val(incidencia.tipo_incidencia).change();
					
					this.inci.vehiculo_id = vehiculo_id
					this.titulo_modal = "Editar Incidencia"
					this.modal_incidencias = !this.modal_incidencias
				},
				EditarInci(e) {
                    e.preventDefault();
					console.log(this.inci)

					if (typeof this.inci.tipo_incidencia === "undefined" || this.inci.tipo_incidencia === "0") {
						this.valid_incidencia = true
					} else {
						const formData = new FormData;
						if (typeof this.inci.incidencia_id !== "undefined") {
							formData.append(
								'incidencia_id', 
								this.inci.incidencia_id
							);
						}
						formData.append(
							'tipo_incidencia', 
							this.inci.tipo_incidencia
						);

						formData.append(
							'descripcion', 
							this.inci.descripcion
						);

						formData.append(
							'n_informe_falla', 
							this.inci.n_informe_falla
						);

						formData.append(
							'fecha_infome_falla', 
							this.inci.fecha_infome_falla
						);

						formData.append(
							'vehiculo_id', 
							this.inci.vehiculo_id
						);

						if (typeof this.inci.n_orden_compra !== "undefined") {
							formData.append(
								'n_orden_compra', 
								this.inci.n_orden_compra
							);
						}

						if (typeof this.inci.fecha_oc !== "undefined") {
							formData.append(
								'fecha_oc', 
								this.inci.fecha_oc
							);
						}

						if (typeof this.inci.costo !== "undefined") {
							formData.append(
								'costo', 
								this.inci.costo
							);
						}

						if (typeof this.inci.taller !== "undefined") {
							formData.append(
								'taller', 
								this.inci.taller
							);
						}

						if (typeof this.inci.km_odometro !== "undefined") {
							formData.append(
								'km_odometro', 
								this.inci.km_odometro
							);
						}

						if (typeof this.inci.ingreso_taller !== "undefined") {
							formData.append(
								'ingreso_taller', 
								this.inci.ingreso_taller
							);
						}

						if (typeof this.inci.salida_taller !== "undefined") {
							formData.append(
								'salida_taller', 
								this.inci.salida_taller
							);
						}

						if (typeof this.inci.n_factura !== "undefined") {
							formData.append(
								'n_factura', 
								this.inci.n_factura
							);
						}

						if (typeof this.inci.fecha_factura !== "undefined") {
							formData.append(
								'fecha_factura', 
								this.inci.fecha_factura
							);
						}

						if (typeof this.inci.n_ingreso_bod !== "undefined") {
							formData.append(
								'n_ingreso_bod', 
								this.inci.n_ingreso_bod
							);
						}

						if (typeof this.inci.fecha_ingreso_bod !== "undefined") {
							formData.append(
								'fecha_ingreso_bod', 
								this.inci.fecha_ingreso_bod
							);
						}

						if (typeof this.inci.observaciones !== "undefined") {
							formData.append(
								'observaciones', 
								this.inci.observaciones
							);
						}

						//adjuntos
						formData.append(
                            'n_adjuntos', 
                            this.inci.adjuntos.length
                        );

						if (this.inci.adjuntos.length != 0) {
                            for (var i = 0; i < this.inci.adjuntos.length; i++) {
                                formData.append(
                                    'adjunto_' + i, 
                                    this.inci.adjuntos[i]
                                );
                            }
                          
                        }
					
						this.$http.post(
							"{{ route('vehiculosmunicipal.store_incidencia') }}", 
							formData,
							{
								headers: {
								'Content-Type': 'multipart/form-data'
								}
							}
						).then(
							res => {

								
								console.log(res)
								window.location = '/vehiculosmunicipal/vehiculo/' + this.vehiculo_id
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					}
				},
				TipoInciChange(event) {
					this.inci.tipo_incidencia = event.target.value
					if (this.inci.tipo_incidencia != 0) {
						this.valid_tipo_incidencia = false
					}
				},
				EliminarInci:function(vehiculo_id, incidencia){
					console.log(incidencia);
					this.$swal.fire({
						title: 'Confirmación',
						text: "¿Desea eliminar este registro?",
						icon: 'warning',
						showCancelButton: true,
						confirmButtonColor: '#3085d6',
						cancelButtonColor: '#d33',
						confirmButtonText: 'Borrar'
					}).then((result) => {
						if (result.value) {
							let data = new FormData;
							data.append("id_incidencia",incidencia.id);
							this.$http.post(
								"{{ route('vehiculosmunicipal.delete_incidencia') }}", 
								data,
							).then(
								res => {
									console.log(res)
									this.$swal("Incidencia Eliminada");
									$("#incidencia_"+incidencia.id).addClass("d-none")

									//window.location = '/vehiculosmunicipal/' + this.vehiculo_id
								}
							).catch(
								err => {
									if (err.response.status === 500) {
										this.status = err.response.data.status
										this.$swal(err.response.data);
									}

									if (err.response.status === 422) {
										this.errors = err.response.data.errors
										this.$swal(err.response.data);
									}
								}
							);

							
						}
					});
					//console.log(this.$root);
				},
	
				//*** ADJUNTOS ***
				MostrarModalAdjuntosNew(tipo) {
					//this.cond.vehiculo_id = id
					//this.t_adjuntos.push({});

					this.titulo_modal = "Agregar Documento"
					this.modal_archivos_new.tipo=tipo;
					this.modal_archivos_new.archivo=null;
					this.modal_archivos_new.visible = !this.modal_archivos_new.visible
				},
				agregar_adjunto(){
					if(this.modal_archivos_new.archivo!=null){
						switch(this.modal_archivos_new.tipo){
						case 'incidencias':
							this.inci.adjuntos.push(this.modal_archivos_new.archivo);
							break;
						case 'conductores':
							this.cond.adjuntos.push(this.modal_archivos_new.archivo);
							break;
						case 'vigencias':
							this.vige.adjuntos.push(this.modal_archivos_new.archivo);
							break;
						}
					}

				},
				borrarAdjunto(tipo,index){
					switch(tipo){
						case 'incidencias':
							this.inci.adjuntos.splice(index,1);
							break;
						case 'conductores':
							this.cond.adjuntos.splice(index,1);
							break;
						case 'vigencias':
							this.vige.adjuntos.splice(index,1);
							break;
						}
				},
				MostrarModalAdjuntos(id) {
					//this.cond.vehiculo_id = id
					this.t_adjuntos.push({});

					this.titulo_modal = "Registrar Adjuntos"
					this.modal_archivos = !this.modal_archivos
				},
				MostrarAdj(adjuntos, ob_id, clas) {
					this.op = clas
					this.ob_id = ob_id
					this.adj = adjuntos
					this.titulo_modal = "Archivos Adjuntos"
					this.modal_adj = !this.modal_adj
				},
				EliminarAdj(nombre_adj,op,ob_id) {
					var r = confirm("¿Esta seguro de eliminar el archivo "+nombre_adj+"?");
					if (r == true) {
						const formData = new FormData;

						formData.append(
							'nombre_adj', 
							nombre_adj
						);	

						formData.append(
							'op', 
							op
						);

						formData.append(
							'id', 
							ob_id
						);	

						this.$http.post(
							'{{ route('vehiculosmunicipal.del_fil') }}', 
							formData
						).then(
							res => {
								console.log(res)

								window.location.reload();
							}
						).catch(
							err => {
								if (err.response.status === 500) {
									this.status = err.response.data.status
								}

								if (err.response.status === 422) {
									this.errors = err.response.data.errors
								}
							}
						);
					}
				},

				//*** OTROS ***/
				formatPrice(value) {
                    let val = (value/1).toFixed(0).replace('.', ',')
                    return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".")
                },
				Imprimir() {
					this.flag_btn = false
					
					setTimeout(
						function() { 
							const prtHtml = document.getElementById('cont_impr').innerHTML;

							let stylesHtml = '';
							for (const node of [...document.querySelectorAll('link[rel="stylesheet"], style')]) {
								stylesHtml += node.outerHTML;
							}

							const WinPrint = window.open(
								'', 
								'', 
								'top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0'
							);

							WinPrint.document.write(
								`<!DOCTYPE html>
								<html>
								  <head>
									${stylesHtml}
								  </head>
								  <body>
									${prtHtml}
								  </body>
								</html>`
							);

							WinPrint.document.close();
							WinPrint.focus();
							WinPrint.print();
							//WinPrint.close();
							this.flag_btn = true
						}, 
						500
					);
				},
				Back() {
					this.$router.push({ name: 'index'})
				},
				OcultarBtn() {
					if (this.flag_btn == true) {
						this.flag_btn = false
					} else {
						this.flag_btn = true
					}
				},
				limitText (count) {
					return `and ${count} other countries`
					},
					asyncFind (query) {
					this.isLoading = true
					ajaxFindCountry(query).then(response => {
						this.countries = response
						this.isLoading = false
					})
					},
					clearAll () {
					this.selectedCountries = []
				},
				ApilarAdjuntos() {
					this.label_adjuntos = "Adjunto N°" 
					this.t_adjuntos.push({});
				},
				DesApilarAdjuntos(index) {
					this.t_adjuntos.splice(index, 1);
				},
				getFileIcon(extension) {
					if (this.$_.includes(['.xls', '.xlsx'], extension)) {
						return 'fa-file-excel-o'
					}

					if (this.$_.includes(['doc', 'docx'], extension)) {
						return 'fa-file-word-o'
					}

					if (this.$_.includes(['ppt', 'pptx'], extension)) {
						return 'fa-file-powerpoint-o'
					}

					if (this.$_.includes(['zip', 'rar'], extension)) {
						return 'fa-file-archive-o'
					}

					if (this.$_.includes(['mp4', 'avi'], extension)) {
						return 'fa-file-movie-o'
					}

					if (this.$_.includes(['png', 'jpg', 'jpeg'], extension)) {
						return 'fa-file-picture-o'
					}

					if (this.$_.includes(['mp3'], extension)) {
						return 'fa-file-sound-o'
					}

					if (this.$_.includes(['txt'], extension)) {
						return 'fa-file-text-o'
					}

					if (this.$_.includes(['pdf'], extension)) {
						return 'fa-file-pdf-o'
					}

					if (this.$_.includes(['url'], extension)) {
						return 'fa-link'
					}

					return 'fa-file'
				},
				sumarGastos:function(val){
                     console.log(val);
                     let res = 0;
                     Object.keys(val).forEach(key => res=res+val[key]);
                     return res;
				 },
				 formatPrice(value) {
                    let val = (value/1).toFixed(0).replace('.', ',')
                    return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".")
                },
				validateForm () {
                    var formId = 'formulario';
                    var nodes = document.querySelectorAll(`#${formId} :invalid`);
                    var errorObjectName = 'validationErrors';
                    var vm = this; //current vue instance;
                    if (nodes.length > 0) {
                        return false;
                    }
                    else {
                        return true;
                    }
				},
				txtCollapse:  function () {
					return this.collapsed?
					'🡇 Show ' : '🡅 Hide';
				},
			}
		})
	</script>
@endpush