@extends('layouts.report')

@section('content')
    <div class="report-mileages">
        <div class="header">
            <h3>Mileage Log - Year Ended 5 April {{ floatval($data->tax_year->start_year) + 1 }}</h3>

            <div class="row">
                <div class="col-xs-6">
                    <table class="table">
                        <tr>
                            <th class="col-md-8">Total miles logged</th>
                            <td class="col-md-4 pull-right">{{ Helper::formatAmount($data->total_mileage) }}</td>
                        </tr>
                        <tr>
                            <th>Calculated amount</th>
                            <td class="pull-right">{{ Helper::formatAmount(-$data->total_amount) }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <table class="table">
            <thead class="text-center">
            <tr class="text-center">
                <th>Date</th>
                <th>Miles Claimed</th>
                <th>Amount</th>
                <th>Purpose/Description</th>
                <th>Vehicle type</th>
            </tr>
            </thead>
            <tbody>
            @foreach($data->mileages as $mileage)
                <tr>
                    <td>{{ \Helpers\Helper::formatDate($mileage->date) }}</td>
                    <td class="text-right">{{ \Helpers\Helper::formatNumber($mileage->mileage) }}</td>
                    <td class="text-right">{{ \Helpers\Helper::formatAmount(-$mileage->claim_allowance) }}</td>
                    <td>{{ $mileage->description }}</td>
                    <td>{{ $mileage->vehicle ? $mileage->vehicle->description : ''}}</td>
                </tr>
            @endforeach
            </tbody>
            <tfoot>
            <tr>
                <th class="no-wrap">Total</th>
                <th class="text-right">{{ $data->total_mileage }}</th>
                <th class="text-right">{{ \Helpers\Helper::formatAmount(-$data->total_amount) }}</th>
                <th colspan="2"></th>
            </tr>
            </tfoot>
        </table>
    </div>
@stop