@extends('layouts.app')
@section('content')
	<div class="container" id="app" v-cloak>
		<div class="row">
			<div class="col-12">
				{!! Form::model($inventario, ['route'=>['inventarios.update',$inventario->id],'method'=>'PUT']) !!}
				<div class="form-row">
					<div class="form-group col-3">
						{!! Form::label('linea_out_id', 'Linea', ['class' => 'form-control-label']) !!}
						<select class="form-control" name="linea_out_id" v-model="linea_id">
							<option v-for="item in listLineas" :value="item.value">@{{ item.label }}</option>
						</select>{!! $errors->first('linea_out_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('buque_out_id', 'Buque', ['class' => 'form-control-label']) !!}
						<select class="form-control" name="buque_out_id" v-model="buque_id">
							<option v-for="item in listBuques" :value="item.value">@{{ item.label }}</option>
						</select>
						{!! $errors->first('buque_out_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('viaje_out_id', 'Viaje', ['class' => 'form-control-label']) !!}
						<select class="form-control" name="viaje_out_id" v-model="viaje_id">
							<option v-for="item in listViaje" :value="item.value">@{{ item.label }}</option>
						</select>
						{!! $errors->first('viaje_out_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-2">
						{!! Form::label('pase_id', 'Pase', ['class'=>'form-control-label']) !!}
						{!! Form::text('pase_id', null, ['class'=>'form-control']) !!}
						{!! $errors->first('pase_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-2">
						{!! Form::label('eir_out', 'EIR', ['class'=>'form-control-label']) !!}
						{!! Form::number('eir_out', null, ['class'=>'form-control']) !!}
						{!! $errors->first('eir_out', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-2">
						{!! Form::label('fdesp', 'Fecha/Despacho', ['class'=>'form-control-label']) !!}
						{!! Form::date('fdesp', \Illuminate\Support\Carbon::now(), ['class' => 'form-control']) !!}
						{!! $errors->first('fdesp', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('contenedor', 'Contenedor', ['class'=>'form-control-label']) !!}
						{!! Form::text('contenedor', $inventario->contenedor->numero, ['class'=>'form-control form-control-plaintext','readonly']) !!}
						{!! $errors->first('contenedor', '<small class="help-block text-danger">:message</small>') !!}
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-2">
						{!! Form::label('patio_id', 'Patio', ['class'=>'form-control-label']) !!}
						{!! Form::text('patio_id', \App\Patio::find($inventario->patio_id)->nombre, ['class' => 'form-control form-control-plaintext','readonly']) !!}
						{!! $errors->first('patio_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-2">
						<div class="form-group">
							{!! Form::label('estatus_out', 'Estatus', ['class'=>'form-control-label']) !!}
							{!! Form::select('estatus_out', ['EMPTY'=>'EMPTY','FULL'=>'FULL'], $inventario->estatus_in, ['class' => 'form-control','placeholder'=>'Seleccionar Estatus']) !!}
							{!! $errors->first('estatus_out', '<small class="help-block text-danger">:message</small>') !!}
						</div>
					</div>
					<div class="form-group col-2">
						<div class="form-group">
							{!! Form::label('condicion_out', 'Condicion', ['class'=>'form-control-label']) !!}
							{!! Form::select('condicion_out', ['OPR'=>'OPR','DMG'=>'DMG'], $inventario->condicion_in, ['class' => 'form-control','placeholder'=>'Seleccionar Condición']) !!}
							{!! $errors->first('condicion_out', '<small class="help-block text-danger">:message</small>') !!}
						</div>
					</div>
					<div class="form-group col-6">
						{!! Form::label('consignatario_id', 'Consignatario', ['class'=>'form-control-label']) !!}
						{!! Form::select('consignatario_id', \App\Consignatario::pluck('nombre','id'),null, ['class'=>'form-control']) !!}
						{!! $errors->first('consignatario_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col-3">
						{!! Form::label('observaciones', 'Observaciones', ['class'=>'form-control-label']) !!}
						{!! Form::textarea('observaciones', null, ['class' => 'form-control', 'placeholder' => 'Observaciones', 'rows' => 4, 'cols' => 50]) !!}
						{!! $errors->first('observaciones', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('bl', 'Bill Of Landing', ['class'=>'form-control-label']) !!}
						{!! Form::text('bl', null, ['class' => 'form-control', 'placeholder' => 'Observaciones']) !!}
						{!! $errors->first('bl', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('precintos_in', 'Precintos', ['class'=>'form-control-label']) !!}
						{!! Form::text('precintos_in', null, ['class' => 'form-control', 'placeholder' => 'Precintos']) !!}
						{!! $errors->first('precintos_in', '<small class="help-block text-danger">:message</small>') !!}
					</div>
					<div class="form-group col-3">
						{!! Form::label('booking_id', 'Booking/Asignación', ['class'=>'form-control-label']) !!}
						{!! Form::text('booking_id', null, ['class' => 'form-control', 'placeholder' => 'Booking']) !!}
						{!! $errors->first('booking_id', '<small class="help-block text-danger">:message</small>') !!}
					</div>
				</div>
				{!! Form::submit('Egreso', ['class'=>'btn btn-success']) !!}
				<a class="btn btn-warning" href="{{ url('inventarios') }}">Cancelar</a>
				{!! Form::close() !!}
			</div>
		</div>
	</div>
@endsection

@section('js')
	<script type="text/javascript">
	var app = new Vue({
		el: '#app',

		data: {
			linea_id: '{{ $inventario->linea_in_id }}',
			listLineas: [
				{ 'value': 0, 'label': 'Seleccion' }
			],
			buque_id: '{{ $inventario->buque_in_id }}',
			listBuques: [
				{ 'value': 0, 'label': 'Seleccion' }
			],
			viaje_id: '{{ $inventario->viaje_in_id }}',
			listViaje: [
				{ 'value': 0, 'label': 'Seleccion' }
			]
		},

		created(){
			if(this.linea_id > 0){
				axios.get('/listLineas')
				.then(response => {
					this.listLineas = response.data;
				})
				.catch(function(error) {
					console.log(error)
				});
			}

			if(this.linea_id > 0){
				axios.get('/' + this.linea_id + '/filterBuques')
				.then(response => {
					this.listBuques = response.data;
				})
				.catch(function(error) {
					console.log(error)
				});
			}

			if(this.buque_id > 0){
				axios.get('/' + this.buque_id +'/filterViajes')
				.then(response => {
					this.listViaje = response.data
				})
				.catch(function(error) {
					console.log(error)
				})
			}
		},

		watch: {
			linea_id: function(){
				if(this.linea_id > 0){
					axios.get('/' + this.linea_id + '/filterBuques')
					.then(response => {
						console.log(response.data)
						this.listBuques = response.data;
					})
					.catch(function(error) {
						console.log(error)
					})
				}
			},
			buque_id: function(){
				if(this.buque_id > 0){
					axios.get('/' + this.buque_id +'/filterViajes')
					.then(response => {
						this.listViaje = response.data
					})
					.catch(function(error) {
						console.log(error)
					})
				}
			}
		},

	})
	</script>
@endsection