@section('title', '- Payment completed ')

@extends('layouts.app')

@section('section')

  <div class="container">
    <div class="section-content">
      <div class="col-md-12">
        <div class="row tab-white">
          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane active tab_fix">
              @foreach($purchases as $purchase)
              <div class="col-md-12">
                <h3>Order Details</h3>
                <hr class="hr_user">
                <p class="address_place">Created on {{$purchase->created_at}} | Order #{{$purchase->id}}</p>
                <div class="box-address col-md-12">
                  <div class="col-md-4">
                    <h4>Purchased products</h4>
                    @foreach($purchase->detail as $detail)
                      <p>Congratulations, the product <a href="/articles/{{$detail->product->id}}">{{$detail->product->name}}</a> you bought correctly</p>
                    <div class="col-md-12">
                      <p class="address_place">{{$detail->product->name}}</p>
                      <p class="address_place">Product Price: {{$detail->product->price}} eBits</p>
                      <p class="address_place">Product Quantity: {{$detail->qty}} </p>
                      <p class="address_place">Total: {{$detail->ebits}} eBits</p>
                      <p class="address_place">Seller: <a href="/seller/{{$purchase->seller->id}}">{{$purchase->seller->first_name}} {{$purchase->seller->last_name}}</a></p>
                    </div>
                    @endforeach

                  </div>
                  <div class="col-md-4">
                    <h4>Shipping Address</h4>
                    <p class="address_place">{{$purchase->buyer_location->address ?? 'No address'}}</p>
                    <p class="address_place">{{$purchase->buyer_location->city ?? 'No city'}} {{$purchase->buyer_location->state ?? 'No state'}}</p>
                    <p class="address_place">{{$purchase->buyer_location->zip_code ?? 'No zip-code'}}</p>
                  </div>
                  <div class="col-md-4">
                    <br>
                    <a href="{{url('/account')}}" class="btn btn-ebit-noborder btn-block">My Account</a>
                    <a href="{{url('/account/purchases')}}" class="btn btn-ebit-noborder-b btn-block">My Purchases</a>
                  </div>
                </div>
              </div>
              @endforeach
            </div>
        	</div>
      </div>
    </div>
  </div>
</div>
@endsection