@section('title')
 Zakázkové listy | 
 @endsection
 @extends('default')
 @section('content')

 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Kniha jizd vozidla - {{$data['car']->models}}</h1>
          </div>
          <div class="col-sm-6" style="text-align: right;">
            <a class="btn btn-primary" href="{{route('drivebookadd',$data['car']->id)}}" data-shuffle="">Přidat</a>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <!-- Main content -->
            <div class="">
              <!-- title row -->
            <div class="row">
                <div class="col-12 table-responsive">
                  <table class="table table-striped">
                    <thead>
                    <tr>
                      <th>Datum a čas odjezdu</th>
                      <th>Datum a čas příjezdu</th>
                      <th>Kilometry (počátek/konec/celkem)</th>
                      <th>Odkud/kam</th>
                      <th>Účel cesty</th>
                      <th>PHM</th>
                      <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data['drivebook'] as $data)
                    <tr>
                        <td>{{$data->start}}</td>
                        <td>{{$data->end}}</td>
                        <td>{{$data->kilometr_start}}/{{$data->kilometr_end}}/<b>@php echo $data->kilometr_end - $data->kilometr_start @endphp</b></td>
                        <td style="position: relative;">
                          {{$data->location_start}}/{{$data->location_end}}
                        </td>
                        <td>
                          {{$data->usage}}
                        </td>
                        <td>
                          {{$data->phm}}
                        </td>
                        <td style="position: relative;">
                            <a href="{{route('drivebookedit',$data->id)}}" style="color: black; position: absolute; font-size: 25px;">
                                <ion-icon name="pencil-outline"></ion-icon>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                    </tbody>
                  </table>
                <!-- /.col -->
              </div>
              </div>
            </div>
            <!-- /.invoice -->
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
 @endsection