@extends('layouts.buyer_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 class="col-sm-6">
          <h1 class="m-0 text-dark">Invoice</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Invoice</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="container">
  <div class="invoice p-3 mb-3">
              <!-- title row -->
              <div class="row">
                <div class="col-12">
                  <h4>
                    <i class="fas fa-desktop"></i> {{ $deal->name }}
                    <small class="float-right">Date: {{ $book->created_at }}</small>
                  </h4>
                </div>
                <!-- /.col -->
              </div>
              <!-- info row -->
              <div class="row invoice-info">
                <div class="col-sm-4 invoice-col">
                  Guest Post Service
                  <address>
                    <strong>{{ $deal->pretty_url }}</strong><br>
                    Domain Rating - {{ $deal->dr }}<br>
                    Ahrefs Traffic - {{ $deal->ahrefs_traffic }}K<br>
                    Alexa Rank - {{ $deal->alexa_rank }}<br>
                  </address>
                </div>
                <!-- /.col -->
                <div class="col-sm-4 invoice-col">
                  Seller Contact Details
                  <address>
                    Name : {{ $seller_name }}<br>
                    Email : 
                    @if($deal->email)
                      {{ $deal->email }}
                    @else
                      N/A
                    @endif
                    <br>
                    Phone : 
                    @if($deal->phone)
                      {{ $deal->phone }}
                    @else
                      N/A
                    @endif
                    <br>
                  </address>
                </div>
                <!-- /.col -->
                <div class="col-sm-4 invoice-col">
                  <b>Invoice #{{ $book->id }}</b><br>
                  <br>
                  <b>Delivery : </b>{{ $deal->delivery_time }} Days<br>
                  <b>Amount : </b> {{ $book->price }} USD
                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->

              <!-- Table row -->
              <div class="row">
                <div class="col-12 table-responsive">
                  <table class="table table-striped">
                    <thead>
                    <tr>
                      <th>Qty</th>
                      <th>Product</th>
                      <th>Description</th>
                      <th>Subtotal</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if($book->is_cbd == "Yes")
                      <tr>
                        <td>1</td>
                        <td>Guest Post</td>
                        <td>For publishing Casino, CBD, Gambling, Dating, or Forex guest post</td>
                        <td>{{ $deal->price_cbd }} USD</td>
                      </tr>
                    @else
                      <tr>
                        <td>1</td>
                        <td>Guest Post</td>
                        <td>For publishing guest posts with 1-2 do follow links</td>
                        <td>{{ $deal->price_with_link }} USD</td>
                      </tr>
                    @endif

                    @if($book->is_content == "Yes")
                      <tr>
                        <td>1</td>
                        <td>Content Writing</td>
                        <td>For post content writing</td>
                        <td>{{ $deal->price_content }} USD</td>
                      </tr>
                    @endif
                    </tbody>
                  </table>
                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->

              <div class="row">
                <!-- accepted payments column -->
                <div class="col-6">
                  <p class="lead">Payment Methods:</p>
                  <img src="{{ URL::asset('dist/img/credit/visa.png') }}" alt="Visa">
                  <img src="{{ URL::asset('dist/img/credit/mastercard.png') }}" alt="Mastercard">
                  <img src="{{ URL::asset('dist/img/credit/american-express.png') }}" alt="American Express">
                  <img src="{{ URL::asset('dist/img/credit/paypal2.png') }}" alt="Paypal">
                </div>
                <!-- /.col -->
                <div class="col-6">
                  <p class="lead">Amount Paid on {{ $book->created_at }}</p>

                  <div class="table-responsive">
                    <table class="table">
                      <tr>
                        <th style="width:50%">Subtotal:</th>
                        <td>{{ $book->price }} USD</td>
                      </tr>
                      <tr>
                        <th>Tax</th>
                        <td>0 USD</td>
                      </tr>
                      <tr>
                        <th>Total:</th>
                        <td>{{ $book->price }} USD</td>
                      </tr>
                    </table>
                  </div>
                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->

              <!-- this row will not appear when printing -->
              <div class="row no-print">
                <div class="col-12">
                  <a href="{{ URL('/b/invoice-print/'.$book->id) }}" rel="noopener" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a>
                  <button type="button" class="btn btn-primary float-right disabled"><i class="far fa-credit-card"></i> {{ $book->status }}
                  </button>
                </div>
              </div>
            </div>
            <!-- /.invoice -->
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  </div><!-- /.container-fluid -->
</section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection