{!! Form::model($tp_data, [
    'method' => 'POST',
    'url' => '#',
    'class' => 'form-vertical',
    'id' => 'thirdpartyodoupdateform',
    'role' => 'update tp odo',
    'novalidate' => 'novalidate'
]) !!}

{!! Form::hidden('id', null, ['id' => 'tpUpdateId']) !!}
{!! Form::hidden('status', null, ['id' => 'tpStatusUpdateId']) !!}
{!! Form::hidden('currency', null, ['id' => 'tpCurrencyUpdateId']) !!}
{!! Form::hidden('fuel', null, ['id' => 'tpFuelUpdateId']) !!}
<br>
<div class="form-inline">
    <div class="form-group col-md-3">
        <label>Supplier :</label>
        <div class="input-group">
            <select id="thirdPartySupplierUpdateId" class="form-control" name="supplier" required>
                <option value="">Supplier</option>
                @foreach ($page_data['supplier_locations'] as $spl_fuel)
                    <option value="{{$spl_fuel->name}}" data-location="{{$spl_fuel->location}}" @if($spl_fuel->name == $tp_data->supplier) selected @endif>{{ $spl_fuel->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="form-group col-md-3">
        <label>Location :</label>
        <div class="input-group">{!! Form::select("location",["" => "Location"] + $page_data['locations'] ,null, ["class" => "form-control", "id" => 'tpLocationUpdateId', 'required'=>'true']) !!}</div>
    </div>
    <div class="form-group col-md-2">
        <button type="button" class="form-control btn-success" onclick="calculateTpServiceUpdate()">Serviced</button>
        <span id="tpServiceAtUpdateSpanId">{{$tp_data->service_at}}</span>
        {!! Form::hidden('service_at', null, ['id' => 'tpServiceAtUpdateId']) !!}
        <input id="tpServiceAtUpdateId" type="hidden" name="service_at" value="">
    </div>
</div>
<br>
<br>
<br>
<table class="table tbl-border">
    <thead>
        <tr>
            <th class="text-center">Date</th>
            <th class="text-center">Fleet Nr / Equipment</th>
            <th class="text-center">Trip</th>
            <th class="text-center">ODO Start</th>
            <th class="text-center">ODO End</th>
            <th class="text-center">KM</th>
            <th class="text-center">Order</th>
            <th class="text-center">Driver</th>
            <th class="text-center">Qty</th>
            <th class="text-center">Amount</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="text-center">{!! Form::date('date', null, ['id' => 'tpDateUpdateId', 'class' => 'form-control', 'autocomplete' => 'off', 'required' => 'true']) !!}</td>
            <td class="text-center" style="display:flex;">
                <div class="input-group">{!! Form::select("fleet_nr",["" => "Fleet Nr"] + $page_data["registration_number"] ,null, ["class" => "form-control", 'id' => 'tpFleetUpdateId', 'required'=>'true']) !!}</div> 
                <div class="input-group">
                    <span id="tpEquipUpdateSpanId">{{$tp_data->equipment}}</span>
                    {!! Form::hidden('equipment', null, ['id' => 'tpEquipUpdateId']) !!}
                </div>
            </td>
            <td class="text-center">
                <div class="input-group">{!! Form::select('trip',['' => 'Select Trip'] + $page_data['trip_numbers'],null, ['id'=>'tpTripUpdateId','class' => 'form-control trip_class']) !!}</div>
            </td>
            <td class="text-center">{!! Form::text('odo_start', null, ['id' => 'tpOdoStartUpdateId', 'class' => 'form-control', 'oninput' => 'tpFormatUpdate(this)', 'maxlength' => '10', 'placeholder' => 'ODO Start', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td class="text-center">{!! Form::text('odo_end', null, ['id' => 'tpOdoEndUpdateId', 'class' => 'form-control', 'oninput' => 'tpFormatUpdate2(this)', 'maxlength' => '10', 'placeholder' => 'ODO End', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td class="text-center">
                {!! Form::hidden('km', null, ['id' => 'tpKmUpdateHiddenId']) !!}
                <span for="km" id="tpKmUpdateId">{{$tp_data->km}}</span>
            </td>
            <td class="text-center">{!! Form::text('order', null, ['id' => 'tpOrderUpdateId', 'class' => 'form-control', 'placeholder' => 'Order', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td class="text-center">{!! Form::text('driver', null, ['id' => 'tpDriverUpdateId', 'class' => 'form-control', 'placeholder' => 'Driver', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td class="text-center">{!! Form::number('quantity', null, ['id' => 'tpQtyUpdateId', 'class' => 'form-control', 'placeholder' => 'Qty', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td class="text-center">{!! Form::number('amount', null, ['id' => 'tpAmountUpdateId', 'class' => 'form-control', 'placeholder' => 'Amount', 'autocomplete' => 'off', 'required' => 'true' ]) !!}</td>
            <td>{!! Form::submit('UPDATE', ['class' => 'btn btn-success', 'id' => 'updateThirdPartyReading']) !!}</td>
        </tr>
    </tbody>
</table>
{!! Form::close() !!}