@extends('dash')

@section('content')
<div class="card">
                <h5 class="card-header">Incident Reports</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                      <th>No.</th>
                        <th>Driver</th>
                        <th>Incident Description</th>
                        <th>Right Side</th>
                        <th>Left Side</th>
                        <th>Rear Side</th>
                        <th>Front Side</th>
                        <th>Top Side</th>
                        <th>Date Reported</th>
                      </tr>
                    </thead>
@foreach( $data as  $data)
<tbody>
    <tr>
      <th scope="row">1</th>
      <td>{{ $data->user_name}}</td>
      <td>{{ $data->incident_description}}</td>
      <td><img src="{{url('/storage/incident/'.$right_side)}}"></td>
      <td><img src="{{ asset('incidentimg/'.$data->left_side)}}" ></td>
      <td><img src="{{ asset('incidentimg/'.$data->rear_side)}}" ></td>
      <td><img src="{{ asset('incidentimg/'.$data->front_side)}}" ></td>
      <td><img src="{{ asset('incidentimg/'.$data->top_side)}}" ></td>
      <td>{{ $data->date_reported}}</td>
    </tr>
    @endforeach
</tbody>
</table>
                </div>
</div>

@endsection