@extends('layouts.admin_panel')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container">
      <div class="row mb-2">
        
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <div class="content">
    <div class="container">
          <table id="example1" class="table table-bordered table-striped">
            <thead class="thead-dark">
            <tr>
              <th>Order ID</th>
              <th>Order Date</th>
              <th>Buyer ID/Name/Email</th>
              <th>Seller ID/Name/Email</th>
              <th>Website</th>
              <th>Amount</th>
              <th>Status</th>
            </tr>
            </thead>
            <tbody>
            @foreach($orders as $order)
              <tr>
                <td>{{ $order->id }}</td>
                <td>{{ $order->created_at ? date_format($order->created_at,"dS F Y") : 'N/A' }}</td>
                <td>{{ $order->buyer_id . " / " . $order->buyer_name }} / <a href="mailto:{{ $order->buyer_email }}">{{ $order->buyer_email }}</a></td>
                <td>{{ $order->seller_id . " / " . $order->seller_name }} / <a href="mailto:{{ $order->seller_email }}">{{ $order->seller_email }}</a></td>
                <td><a href="{{ $order->website }}" target="_blank">{{ $order->pretty_url }}</a></td>
                <td><b>{{ $order->price }} USD</b></td>
                <td>
                  @if($order->status == "BOOKED")
                    <a class="btn btn-block btn-sm btn-success disabled" href="#"><i class="nav-icon fas fa-check"></i> BOOKED</a>
                  @else
                    <a class="btn btn-block btn-sm btn-info" href="{{ $order->status }}" target="_blank"><i class="nav-icon fas fa-eye"></i> VIEW POST</a>
                  @endif
                </td>
              </tr>
            @endforeach
            </tbody>
          </table>
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content -->
</div>
<!-- /.content-wrapper --> 
@endsection