@extends('layouts.frontLayout.front_design')
@section('content')
<section id="cart_items" class="fade-medium">
  <div class="container">
    <div class="breadcrumbs">
      <ol class="breadcrumb">
        <li><a href="#">Home</a></li>
        <li><a href="{{ url('orders') }}">Bestellungen</a></li>
        <li class="active">{{ $orderDetails->id }}</li>
      </ol>
    </div>
  </div>
</section>
<section id="do_action" class="fade-medium">
  <div class="container">
    <div class="heading" align="center">
      <table id="example" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
              <th>Produkt Nr.</th>
              <th>Produktname</th>
              <th>Produkt Transport</th>
              <th>Produktfrabe</th>
              <th>Proudkt Preis</th>
              <th>Produkt Menge</th>
            </tr>
          </thead>
          <tbody>
          @foreach($orderDetails->orders as $pro)
            <tr>
              <td>{{ $pro->product_code }}</td>
              <td>{{ $pro->product_name }}</td>
              <td>{{ $pro->product_size }}</td>
              <td>{{ $pro->product_color }}</td>
              <td>{{ $pro->product_price }}</td>
              <td>{{ $pro->product_qty }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</section>
@endsection