@extends('layouts.app')
@section('content')
 <div class="breadcrumbs">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <ul>
            <li class="home"> <a title="Go to Home Page" href="index-2.html">Home</a><span>&raquo;</span></li>
            <li><strong>My Dashboard</strong></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Breadcrumbs End --> 
  <!-- Main Container -->
  <section class="main-container col2-right-layout">
    <div class="main container">
      <div class="row">
        @include('layouts.navigation')
        <div class="col-main col-sm-9 col-xs-12">
          <div class="my-account">
            <div class="page-title">
              <h2>My Dashboard</h2>
            </div>
            <div class="dashboard">
              <div class="welcome-msg"> <strong>Hello, {{ Auth::user()->name }}!</strong>
                <p>From your My Account Dashboard you have the ability to view a snapshot of your recent account activity and update your account information. Select a link below to view or edit information.</p>
              </div>
              <div class="recent-orders">
                <div class="title-buttons"><strong>Recent Orders</strong> <a href="#">View All </a> </div>
                <div class="table-responsive">
                  <table class="table table-bordered cart_summary table-striped">
                    <colgroup>
                    <col>
                    <col>
                    <col>
                    <col width="1">
                    <col width="1">
                    <col width="1">
                    </colgroup>
                    <thead>
                      <tr class="first last">
                        <th>Order #</th>
                        <th>Date</th>
                        <th>Order to</th>
                        <th><span class="nobr">Order Total</span></th>
                        <th>Status</th>
                        {{-- <th>&nbsp;</th> --}}
                      </tr>
                    </thead>
                    <tbody>
                      @foreach($orders as $index => $order)
                        <tr class=" {{ ($index % 2 == 0) ? 'last even' : 'first odd' }}">
                          <td>{{ $order->id }}</td>
                          <td>{{ date('d-M-Y',strtotime($order->created_at)) }} </td>
                          <td> {{ $order->user->name }}</td>
                          <td><span class="price">{{ number_format($order->order_amount) }}</span></td>
                          <td><em>{{ $order->status }}</em></td>
                          {{-- <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td> --}}
                        </tr> 
                      @endforeach
                      
                     {{--  <tr class="last even">
                        <td>987654</td>
                        <td>10/12/2017 </td>
                        <td> jones d</td>
                        <td><span class="price">$79.99</span></td>
                        <td><em>Pending</em></td>
                        <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td>
                      </tr>
                      <tr class="first odd">
                        <td>1234567</td>
                        <td>10/05/2017 </td>
                        <td> jones d</td>
                        <td><span class="price">$49.00</span></td>
                        <td><em>Pending</em></td>
                        <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td>
                      </tr>
                      <tr class="last even">
                        <td>987654</td>
                        <td>10/12/2017 </td>
                        <td> jones d</td>
                        <td><span class="price">$79.99</span></td>
                        <td><em>Pending</em></td>
                        <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td>
                      </tr>
                      <tr class="first odd">
                        <td>1234567</td>
                        <td>10/05/2017 </td>
                        <td> jones d</td>
                        <td><span class="price">$49.00</span></td>
                        <td><em>Pending</em></td>
                        <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td>
                      </tr>
                      <tr class="last even">
                        <td>987654</td>
                        <td>10/12/2017 </td>
                        <td> jones d</td>
                        <td><span class="price">$79.99</span></td>
                        <td><em>Pending</em></td>
                        <td class="a-center last"><span class="nobr"> <a href="#">View Order</a> <span class="separator">|</span> <a href="#">Reorder</a> </span></td>
                      </tr> --}}
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="box-account">
                <div class="page-title">
                  <h2>Account Information</h2>
                </div>
                <div class="col2-set">
                  <div class="col-1">
                    <h6>Contact Information</h6>
                    <a href="#">Edit</a>
                    <p> jones don<br>
                      <a href="cdn-cgi/l/email-protection.html" class="__cf_email__" data-cfemail="395356575c4a5d080c795e54585055175a5654">[email&#160;protected]</a><br>
                      <a href="#">Change Password</a> </p>
                  </div>
                  <div class="col-2">
                    <h5>Newsletters</h5>
                    <a href="#">Edit</a>
                    <p> You are currently not subscribed to any newsletter. </p>
                  </div>
                </div>
                <div class="col2-set">
                  <h5>Address Book</h5>
                  <div class="manage_add"><a href="#">Manage Addresses</a> </div>
                  <div class="col-1">
                    <h5>Primary Billing Address</h5>
                    <address>
                    jones d<br>
                    Hawaii<br>
                    Britain,  North America, 65432<br>
                    United States<br>
                    T: 123456 <br>
                    <a href="#">Edit Address</a>
                    </address>
                  </div>
                  <div class="col-2">
                    <h5>Primary Shipping Address</h5>
                    <address>
                    jones d<br>
                    Hawaii<br>
                    Britain,  North America, 65432<br>
                    United States<br>
                    T: 123456 <br>
                    <a href="#">Edit Address</a>
                    </address>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection