@extends('layout')
@section('content')


    <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
        <h1 class="display-4">{{auth()->user()->name}} account</h1>

    </div>
    <div class="container">
        <div class="row">
            <h2>
                Player
            </h2>
        </div>
        <div class="row">
            <p>
                Name : {{auth()->user()->name}}
            </p>

        </div>
        <div class="row">
            <p>
                SteamID : {{auth()->user()->steamID}}
            </p>
        </div>
        <div class="row">

            <p>
                Implant ID : {{!empty(auth()->user()->playerID) ? auth()->user()->playerID : 'Waiting admin validation'}}
            </p>

        </div>
    </div>
    <div class="container">
      <div class="row">
          <h2>
              Orders
          </h2>
      </div>
          <div class="row">
          @if(count(auth()->user()->orders) > 0)
          <table class="table">
              <tr>
                  <th>No</th><th>Date</th><th>Products</th><th>Status</th>
              </tr>
              @foreach(auth()->user()->orders as $order)
                  <tr>
                      <td>{{$order->id}}</td>
                      <td>date</td>
                      <td>
                          @foreach($order->lines as $line)
                              {{$line->product->title}} * {{$line->qty}}<br/>
                          @endforeach
                      </td>
                      <td>
                          @switch($order->status)
                              @case(\App\Models\Order::statusWaiting)
                              <a href="{{route('pay', ['orderId' => $order->id])}}">Waiting payment</a>
                              @break
                              @case(\App\Models\Order::statusPaid)
                                    <span>Paid</span>
                              @break
                          @endswitch
                      </td>
                  </tr>
              @endforeach
          </table>
              @else
          <p class="alert-info">No order</p>
          @endif
          </div>
    </div>
@stop