@forelse($route->loadingDetails as $key => $loading_detail)
<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4" for="origin_city_id">Origin City</label>
            <div class="span8 controls">
                <select name="origin_city_id" id="origin_city_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($cities as $city)
                        <option value="{{$city->id}}"
                            @if($city->id == $loading_detail->origin_city_id) selected @endif>{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4" for="origin_point_id">Origin Point</label>
            <div class="controls span8">
                <select name="origin_point_id" id="origin_point_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($points as $city)
                        <option value="{{$city->id}}" @if($city->id == $loading_detail->origin_point_id) selected @endif>{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row-fluid"><hr style="border-bottom: 4px solid #f9f9f9;"/>&nbsp;</div>
<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4" for="loading_city_id">Loading City</label>
            <div class="span8 controls">
                <select name="loading_city_id[]" id="loading_city_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($cities as $city)
                        <option value="{{$city->id}}"
                                @if($city->id == $loading_detail->loading_city_id) selected @endif>{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4" for="loading_point_id">Loading Point</label>
            <div class="controls span8">
                <select name="loading_point_id[]" id="loading_point_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($points as $city)
                        <option value="{{$city->id}}" @if($city->id == $loading_detail->loading_point_id) selected @endif>{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4 " for="loading_go_km">Go (KM)</label>
            <div class="controls span8">
                <input type="number" name="loading_go_km[]" id="loading_go_km" value="{{ $loading_detail->go_km }}" min="0" class="span12" />
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4 " for="loading_fuel_required">Fuel (Normal)</label>
            <div class="controls span8">
                <input type="number" name="loading_fuel_required[]" id="loading_fuel_required" value="{{ $loading_detail->fuel_required }}" min="0" class="span12" />
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label for="route_nature" class="control-label span4">More Fuel When Loaded</label>
            <div class="span8 controls">
                <select id="route_nature" class="searchable_select returning_cargo"
                        style="width:100%">
                    <option value="1" {{ $loading_detail->more_fuel ? 'selected' : '' }}>APPLICABLE</option>
                    <option value="0" {{ $loading_detail->more_fuel ? 'selected' : '' }}>NO APPLICABLE</option>
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4 " for="more_loading_fuel_required">Fuel (More)</label>
            <div class="controls span8">
                <input type="number" name="more_loading_fuel_required[]" id="more_loading_fuel_required" value="{{ $loading_detail->more_fuel }}" min="0" class="span12" autocomplete="off"/>
            </div>
        </div>
    </div>
</div>

@empty

<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4" for="origin_city_id">Origin City</label>
            <div class="span8 controls">
                <select name="origin_city_id" id="origin_city_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($cities as $city)
                        <option value="{{$city->id}}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4" for="origin_point_id">Origin Point</label>
            <div class="controls span8">
                <select name="origin_point_id" id="origin_point_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($points as $city)
                        <option value="{{$city->id}}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row-fluid"><hr style="border-bottom: 4px solid #f9f9f9;"/>&nbsp;</div>
<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4" for="loading_city_id">Loading City</label>
            <div class="span8 controls">
                <select name="loading_city_id[]" id="loading_city_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($cities as $city)
                        <option value="{{$city->id}}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4" for="loading_point_id">Loading Point</label>
            <div class="controls span8">
                <select name="loading_point_id[]" id="loading_point_id" class="searchable_select" style="width:100%">
                    <option value="">&nbsp;</option>
                    @foreach($points as $city)
                        <option value="{{$city->id}}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label class="control-label span4 " for="loading_go_km">Go (KM)</label>
            <div class="controls span8">
                <input type="number" name="loading_go_km[]" id="loading_go_km" value="" min="0" class="span12" />
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4 " for="loading_fuel_required">Fuel (Normal)</label>
            <div class="controls span8">
                <input type="number" name="loading_fuel_required[]" id="loading_fuel_required" value="\" min="0" class="span12" />
            </div>
        </div>
    </div>
</div>

<div class="row-fluid">
    <div class="span12">
        <div class="span6">
            <label for="route_nature" class="control-label span4">More Fuel When Loaded</label>
            <div class="span8 controls">
                <select id="route_nature" class="searchable_select returning_cargo"
                        style="width:100%">
                    <option value="1">APPLICABLE</option>
                    <option value="0">NOT APPLICABLE</option>
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="control-label span4 " for="more_loading_fuel_required">Fuel (More)</label>
            <div class="controls span8">
                <input type="number" name="more_loading_fuel_required[]" id="more_loading_fuel_required" min="0" class="span12" />
            </div>
        </div>
    </div>
</div>

@endforelse

<div class="row-fluid" id="loading_details_append_zone"></div>