@extends('layouts.main')
@section('content')
<div class="row">
	 <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                <div class="card-block">   
                        <div class="form-body">    
                            <div class="col-md-6">       
                                    <label for="imei">IMEI</label>
                                    <p class="form-control-plaintext">{{$device->IMEI}}</p>
                            </div> 
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label for="alias">Alias</label>
                                    <p class="form-control-plaintext">{{$device->ALIAS}}</p>
                                </div>   
                            </div>
                        </div> 
                </div>
            </div>
        </div>
    </div>
</div>
@if(!isset($alert))
<div class="row">
    <div class="col-md-12">        
        <div class="card">            
            <div class="card-header">
                <h1>{{__('strings.cmd_configuratuon')}}</h1>
            </div>
            <div class="card-body">
                <form class="form" action="{{route('updates_other_alerts_post')}}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="imei" value="{{$device->IMEI}}">
                    <div class="form-body"> 
                        <div class="table-responsive" style="height: 450px; overflow: auto;">
                            <table id="table-cmds" class="table table-striped hover">
                                <thead>
                                    <tr>
                                        <th>{{__('strings.enable')}}</th>
                                        <th>{{__('strings.cmd')}}</th>
                                        <th>{{__('strings.tanslate')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @for($i=0;$i <= 99;$i++)
                                    <tr>
                                        <td><input type="checkbox" name="cmds[]" value="{{$i}}"></td>
                                        <td>{{__('strings.cmd')}}&nbsp;{{$i}}</td>
                                        <td><input id="row-1-position" name="{{$i}}" value="" type="text"></td>
                                    </tr>
                                    @endfor                              
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div>
                        <h1>{{__('strings.cmds')}} HMR</h1>
                    </div>
                    <table id="table-cmds" class="table table-striped hover">
                        <thead>
                            <tr>
                                <th>{{__('strings.enable')}}</th>
                                <th>{{__('strings.cmd')}}</th>
                                <th>{{__('strings.tanslate')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="F"></td>
                                <td>{{__('strings.cmd')}}&nbsp;F</td>
                                <td><input id="row-1-position" name="F" value="Reversa Fallida" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="G"></td>
                                <td>{{__('strings.cmd')}}&nbsp;G</td>
                                <td><input id="row-1-position" name="G" value="Reversa Correcta" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="?"></td>
                                <td>{{__('strings.cmd')}}&nbsp;?</td>
                                <td><input id="row-1-position" name="?" value="HMR Modificado" type="text"></td>
                            </tr>     
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="O"></td>
                                <td>{{__('strings.cmd')}}&nbsp;O</td>
                                <td><input id="row-1-position" name="O" value="Fuera de Geocerca" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="I"></td>
                                <td>{{__('strings.cmd')}}&nbsp;I</td>
                                <td><input id="row-1-position" name="I" value="Dentro de Geocerca" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="E"></td>
                                <td>{{__('strings.cmd')}}&nbsp;E</td>
                                <td><input id="row-1-position" name="E" value="Camión Encendido" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="M"></td>
                                <td>{{__('strings.cmd')}}&nbsp;M</td>
                                <td><input id="row-1-position" name="M" value="Marcha Sostenida (Switch ON)" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="T"></td>
                                <td>{{__('strings.cmd')}}&nbsp;T</td>
                                <td><input id="row-1-position" name="T" value="Lampara Puenteada" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="R"></td>
                                <td>{{__('strings.cmd')}}&nbsp;R</td>
                                <td><input id="row-1-position" name="R" value="Reversa al encender el camión" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="P"></td>
                                <td>{{__('strings.cmd')}}&nbsp;P</td>
                                <td><input id="row-1-position" name="P" value="Relevador de corte puenteado" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="X"></td>
                                <td>{{__('strings.cmd')}}&nbsp;X</td>
                                <td><input id="row-1-position" name="X" value="Reversa con HMR desactivado type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="N"></td>
                                <td>{{__('strings.cmd')}}&nbsp;N</td>
                                <td><input id="row-1-position" name="N" value="Marcha sostenida al encender el camion" type="text"></td>
                            </tr>                   
                        </tbody>
                    </table>
                <hr>
                    <div class="form-body">                         
                        <div class="input-group">
                            <div class="ln_solid"></div>
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{__('strings.max_speed')}}</span>
                                </div>
                                <input type="number" min="0" max="240" value="120" id="max_speed" name="max_speed" class="form-control" required="required" >
                            </div>
                        </div>
                        <div id="emails" class="form-group">                
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><li class="fa fa-envelope"></li>&nbsp;</span>
                                </div>
                                <input type="email" id="emails[]" name="emails[]" placeholder="mail@ejemplo.com" required="required" class="form-control col-md-12" >
                                <button type="button" class="btn btn-danger input-group-append" onclick="removeEmailField(this)"><i class="fa fa-trash"></i></button>
                            </div>
                        </div>
                        <div class="form-group">
                            <span class="float-sm-right">
                                <button  type="button" class="btn btn-success" onclick="addEmailField()"><i class="fa fa-plus"></i></button>
                            </span>                    
                        </div>
                        <div class="clearfix"></div>
                        <hr>
                        <div class="card-header">
                            <h1>{{__('strings.fuel_sensors_configuration')}}</h1>
                        </div>
                                                           
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="min_sensor1" name="min_sensor1" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="699" id="max_sensor1" name="max_sensor1" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="liters_sensor1" name="liters_sensor1" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="min_sensor2" name="min_sensor2" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="699" id="max_sensor2" name="max_sensor2" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="liters_sensor2" name="liters_sensor2" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="min_sensor3" name="min_sensor3" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="699" id="max_sensor3" name="max_sensor3" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="0" id="liters_sensor3" name="liters_sensor3" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="clearfix"></div>                            
                        <div class="col-md-6"> 
                            <div class="form-group">
                                <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
                                <button type="submit" class="btn btn-primary">{{ __('strings.submit_update') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@else
<div class="row">
    <div class="col-md-12">        
        <div class="card">            
            <div class="card-header">
                <h1>{{__('strings.cmd_configuratuon')}}</h1>
            </div>
            <div class="card-body">
                <form class="form" action="{{route('updates_other_alerts_post')}}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="imei" value="{{$device->IMEI}}">
                    <div class="form-body">
                        <div class="table-responsive" style="height: 450px; overflow: auto;">
                            <table id="table-cmds" class="table table-striped hover">
                            <thead>
                                <tr>
                                    <th>{{__('strings.enable')}}</th>
                                    <th>{{__('strings.cmd')}}</th>
                                    <th>{{__('strings.tanslate')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @for($i=0;$i <= 99;$i++)
                                    @if($alert->cmds->contains('cmd', $i))      
                                    <tr>
                                        <td><input type="checkbox" name="cmds[]" value="{{$i}}" checked="checked"></td>
                                        <td>{{__('strings.cmd')}}&nbsp;{{$i}}</td>
                                        <td><input id="row-1-position" name="{{$i}}" value="{{$alert->cmds->firstWhere('cmd', $i)['translate']}}" type="text"></td>
                                    </tr>
                                    @else                                    
                                    <tr>
                                        <td><input type="checkbox" name="cmds[]" value="{{$i}}"></td>
                                        <td>{{__('strings.cmd')}}&nbsp;{{$i}}</td>
                                        <td><input id="row-1-position" name="{{$i}}" value="" type="text"></td>
                                    </tr>
                                    @endif
                                @endfor   
                                    
                            </tbody>
                        </table>
                        </div>
                    </div>
                    <div>
                        <h1>{{__('strings.cmds')}} HMR</h1>
                    </div>
                    <table id="table-cmds" class="table table-striped hover">
                        <thead>
                            <tr>
                                <th>{{__('strings.enable')}}</th>
                                <th>{{__('strings.cmd')}}</th>
                                <th>{{__('strings.tanslate')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="F"  @if($alert->cmds->contains('cmd', "F"))  checked="checked" @endif ></td>
                                <td>{{__('strings.cmd')}}&nbsp;F</td>
                                <td><input id="row-1-position" name="F" value="Reversa Fallida" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="G" @if($alert->cmds->contains('cmd', "G"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;G</td>
                                <td><input id="row-1-position" name="G" value="Reversa Correcta" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="?" @if($alert->cmds->contains('cmd', "?"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;?</td>
                                <td><input id="row-1-position" name="?" value="HMR Modificado" type="text"></td>
                            </tr>     
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="O" @if($alert->cmds->contains('cmd', "O"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;O</td>
                                <td><input id="row-1-position" name="O" value="Fuera de Geocerca" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="I" @if($alert->cmds->contains('cmd', "I"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;I</td>
                                <td><input id="row-1-position" name="I" value="Dentro de Geocerca" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="E" @if($alert->cmds->contains('cmd', "E"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;E</td>
                                <td><input id="row-1-position" name="E" value="Camión Encendido" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="M" @if($alert->cmds->contains('cmd', "M"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;M</td>
                                <td><input id="row-1-position" name="M" value="Marcha Sostenida (Switch ON)" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="T" @if($alert->cmds->contains('cmd', "T"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;T</td>
                                <td><input id="row-1-position" name="T" value="Lampara Puenteada" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="R" @if($alert->cmds->contains('cmd', "R"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;R</td>
                                <td><input id="row-1-position" name="R" value="Reversa al encender el camión" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="P" @if($alert->cmds->contains('cmd', "P"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;P</td>
                                <td><input id="row-1-position" name="P" value="Relevador de corte puenteado" type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="X" @if($alert->cmds->contains('cmd', "X"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;X</td>
                                <td><input id="row-1-position" name="X" value="Reversa con HMR desactivado type="text"></td>
                            </tr>  
                            <tr>
                                <td><input type="checkbox" name="cmds[]" value="N" @if($alert->cmds->contains('cmd', "N"))  checked="checked" @endif></td>
                                <td>{{__('strings.cmd')}}&nbsp;N</td>
                                <td><input id="row-1-position" name="N" value="Marcha sostenida al encender el camion" type="text"></td>
                            </tr>                   
                        </tbody>
                    </table>
                <hr>
                    <div class="form-body">                                                 
                        <div class="input-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{__('strings.max_speed')}}</span>
                                </div>
                                <input type="number" min="0" max="240" value="{{$alert->max_speed}}" id="max_speed" name="max_speed" class="form-control" required="required" >
                            </div>
                        </div>
                        <div id="emails" class="form-group">                                        
                            @foreach($alert->emails as $email)
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><li class="fa fa-envelope"></li>&nbsp;</span>
                                </div>
                                <input type="email" id="emails[]" name="emails[]" placeholder="mail@ejemplo.com" required="required" class="form-control col-md-12" value="{{$email}}" >
                                <button type="button" class="btn btn-danger input-group-append" onclick="removeEmailField(this)"><i class="fa fa-trash"></i></button>
                            </div>
                            @endforeach
                        </div>
                        <div class="form-group">
                            <span class="float-sm-right">
                                <button  type="button" class="btn btn-success" onclick="addEmailField()"><i class="fa fa-plus"></i></button>
                            </span>                    
                        </div>                      
                        <div class="clearfix"></div>
                        <hr>
                        <div class="card-header">
                            <h1>{{__('strings.fuel_sensors_configuration')}}</h1>
                        </div>
                                                           
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->min_sensor1}}" id="min_sensor1" name="min_sensor1" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->max_sensor1}}" id="max_sensor1" name="max_sensor1" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-1 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->liters_sensor1}}" id="liters_sensor1" name="liters_sensor1" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->min_sensor2}}" id="min_sensor2" name="min_sensor2" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->max_sensor2}}" id="max_sensor2" name="max_sensor2" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-2 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->liters_sensor2}}" id="liters_sensor2" name="liters_sensor2" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 V.MIN</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->min_sensor3}}" id="min_sensor3" name="min_sensor3" class="form-control"  placeholder="{{__('strings.min_sensor_fuel')}}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 V.MAX</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->max_sensor3}}" id="max_sensor3" name="max_sensor3" class="form-control" placeholder="{{__('strings.max_sensor_fuel')}}" >
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-gas-pump"></i>&nbsp;-3 LTRS</span>
                                </div>
                                <input type="number" min="0" max="1024" value="{{$alert->liters_sensor3}}" id="liters_sensor3" name="liters_sensor3" class="form-control" placeholder="{{__('strings.sensor_liters')}}" >
                            </div>
                        </div>
                        <div class="clearfix"></div>                            
                        <div class="col-md-6"> 
                            <div class="form-group">
                                <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
                                <button type="submit" class="btn btn-primary">{{ __('strings.submit_update') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endif

<div class="row">
    <div class="col-md-12">        
        <div class="card">            
            <div class="card-header">
                <h1>{{__('strings.fuel_sensors_configuration')}}</h1>
            </div>
            <div class="card-body" style="min-height: 450px;">
                <div class="col-md-6">
                <div class="form-group">
                    <label for="tank-type">Tipo de tanque</label>
                    <select id="tank-type" class="form-control">
                        <option value="rectangle">Rectangular</option>
                        <option value="cylinder">Cilíndrico</option>
                        <option value="backpack">Backpack</option>
                    </select>
                </div>
                </div>
                <div class="col-md-6">
                    <img id="tank-image"  class="img-fluid mx-auto d-block p-4" src="{{asset('images/rectangle-tank.png')}}">                        		
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    /**
     * Add email field to documente
     * @returns {undefined}
     */
    function addEmailField() {
        $("#emails").append('<div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text"><li class="fa fa-envelope"></li>&nbsp;</span> </div> <input type="email" id="emails[]" name="emails[]" placeholder="mail@ejemplo.com" required="required" class="form-control col-md-12" ><button type="button" class="btn btn-danger input-group-append" onclick="removeEmailField(this)"><i class="fa fa-trash"></i></button></div>');
    }

    function removeEmailField(minusElement){
	   minusElement.parentElement.remove();
	}

    $("#tank-type").change(function(){
        if($(this).val() == "rectangle") {
            $("#tank-image").attr("src","{{asset('images/rectangle-tank.png')}}");
        } else if($(this).val() == "cylinder") {
            $("#tank-image").attr("src","{{asset('images/cylinder-tank.png')}}");
        } else if($(this).val() == "backpack") {
            $("#tank-image").attr("src","{{asset('images/backpack-tank.png')}}");
        }
    });
    $(function(){
        $( "#tank-type" ).trigger( "change" );
    });
    
</script>
@endpush