@extends('vehicles.profile.includes.main')
@section('profile')
    <div class="tab-pane active">
        <h4 class="widgettitle">Fuel List
            <div class="btn-group pull-right" style="margin-top: -2px;margin-right: 0px">
                <button class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-th"></i>
                    &nbsp; Actions <span class="caret"></span></button>
                <ul class="dropdown-menu">
                    <li><a data-toggle="modal" href="#FuelRatio"><i class="icon-plus"></i> &nbsp;Fuel Ratio</a>
                    </li>
                    <li><a href="javascript:;" onclick="PrintFuel()"><i class="icon-print"></i> &nbsp;Print</a></li>
                </ul>
            </div><!--btn-group-->
        </h4>
        <table class="table table-bordered" id="dyntable">
            <colgroup>
                <col class="con0" style="align: center; width: 4%"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
            </colgroup>
            <thead>
            <tr>
                <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                <th class="head0">Date</th>
                <th class="head1">Order For</th>
                <th class="head0">Reference</th>
                <th class="head1">Driver Name</th>
                <th class="head0">Quantity</th>
                <th class="head0">Price</th>
                <th class="head1">Amount</th>
            </tr>
            </thead>
            <tbody>
            {{--*/ $total_fuel_cons = 0 /*--}}
            {{--*/ $total_amount = 0 /*--}}
            @foreach($fuels as $fuel)
                <tr class="gradeX">
                    <td class="aligncenter"><span class="center"><input type="checkbox"/></span></td>
                    <td>{{ $fuel->date_ordered }}</td>
                    <td>
                        @if(!empty($fuel->routeName))
                            {{ $fuel->routeName}} Route
                        @else
                            Addition Fuel
                        @endif
                    </td>
                    <td>Order No. {{ $fuel->id }}</td>
                    <td>
                        {{ $fuel->driverName}}
                    </td>
                    <td style="text-align: right">{{ number_format($fuel->quantity) }}</td>
                    <td style="text-align: right">{{ number_format($fuel->rate) }}</td>
                    <td style="text-align: right">{{ number_format($fuel->quantity*$fuel->rate) }}</td>
                </tr>
                {{--*/ $total_fuel_cons += $fuel->quantity /*--}}
                {{--*/ $total_amount += $fuel->quantity*$fuel->rate /*--}}
            @endforeach
            </tbody>
            <tfoot>
            <td colspan="5" style="text-align: right;font-weight: bold">Summary</td>
            <td style="text-align: right">{{number_format($total_fuel_cons)}} liters</td>
            <td></td>
            <td style="text-align: right">Tsh {{ number_format($total_amount) }}</td>
            </tfoot>
        </table>

    </div><!--tab-pane-->
    {{--model for adding new vehicle/truck--}}
    <style>
        .row-fluid {
            margin-top: 5px;
        }
    </style>
    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade in"
         id="FuelRatio">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Vehicle Fuel Ratio against Trailers Types</h3>
        </div>

        {!! Form::open(array('route' => 'vehicles.fuel.ratio', 'class' => 'stdform','files'=>true)) !!}
        {{--<form class="stdform" method="post" action="{{ route('vehicle.create') }}">--}}
        <div class="modal-body">
            <div class="row-fluid">
                <input type="hidden" name="vehicle_id" value="{{$vehicle->id}}">
                @foreach ($trailer_types as $trailer_type)
                    <div class="form-group" style="margin-top: 5px">
                        <label class="control-label span2" for="fullname">{{$trailer_type->name}}</label>

                        <div class="controls span4">
                            <input type="hidden" name="trailer_type_id[]" value="{{$trailer_type->id}}">
                            <input type="text" name="ratio[]" id="ratio" placeholder="Ratio"
                                   value="{{$trailer_type->val}}"
                                   class="input-xlarge colour"/>
                        </div>

                    </div>
                @endforeach
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary" name="submit" type="submit">Save</button>
        </div>
        </form>
    </div>
    <!--#myModal-->
<script type="text/javascript">
    function PrintFuel() {
    var base_url = '';
    var url = base_url + 'printfuel';
    var win = window.open(url, '_blank');
    win.focus();
}
</script>
@stop