@extends('web.app')
@section('main-content')
<div class="container">
  <div class="col-md-12 col-xs-12">
    <div class="col-md-12">
      <h1 class="title faq">Order History</h1>
    </div>
  </div>
  <div class="col-md-12 col-xs-12" style="text-align:center;">
    <div class="row">
      <table class="table">
        <tr>
          <th width="20%" style="text-align: center;">Bike Image</th>
          <th width="20%" style="text-align: center;">Bike Name</th>
          <th width="20%" style="text-align: center;">Quantity</th>
          <th width="20%" style="text-align: center;">Bike Price</th>
          <th width="20%" style="text-align: center;">Total</th>
        </tr>
        @foreach($ordersDetails as $ordersDetail)
          <tr>
            <td>
              <img style="max-width: 170px;max-height: 150px;" src="{{ url('/public/uploads/bike')}}/{{ $ordersDetail->bike->image }}">
            </td>
            <td>{{ $ordersDetail->bike->name }}</td>
            <td>{{ $ordersDetail->ticket_qty }}</td>
            <td>{{ $ordersDetail->ticket_price }}</td>
            <td>{{ $ordersDetail->ticket_qty*$ordersDetail->ticket_price }}</td>
          </tr>
        @endforeach
      </table>
    </div>
  </div>
</div>
@endsection