@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 -->
  <section class="content">
    <div class="container">
      <!-- Default box -->
      <div class="card">

        <div class="card-body">
          <div class="row">
            <div class="col-12 col-md-12 col-lg-4 order-1 order-md-1">
              <h3 class="text-primary"><i class="fas fa-desktop"></i> {{ $deal->name }}</h3>
              <h5 class="text-primary mb-3"><i class="fas fa-link"></i> {{ $deal->pretty_url }}</h5>
              <p>
                Link Type - {{ $deal->link_type }}<br>
                Country TLD - <span class="badge bg-primary">{{ $deal->country_tld }}</span><br>
                Google News Approved - {{ $deal->google_approved }}<br>
                Content Included - {{ $deal->content }}<br>
                Link Duration - {{ $deal->link_duration }}<br>
              </p>
              <br>
              <div>
                <p class="text-sm">Delivery Time
                  <b class="d-block">{{ $deal->delivery_time }} Days</b>
                </p>
                <p class="text-sm">Categories -
                  @foreach($categories as $category)
                  <span class="badge bg-primary">{{ $category }}</span>
                  @endforeach
                  <br>
                  Languages -
                  @foreach($languages as $language)
                  <span class="badge bg-primary">{{ $language }}</span>
                  @endforeach
                  <br>
                  Tags -
                  @foreach($tags as $tag)
                  <span class="badge bg-primary">{{ $tag }}</span>
                  @endforeach
                </p>
              </div>

              <h5 class="mt-5 text-muted">Contact Details</h5>
              <ul class="list-unstyled">
                <li>
                  <i class="far fa-fw fa-envelope"></i> Email - <a href="mailto:{{ $deal->email }}">{{ $deal->email }}</a>
                </li>
                <li>
                  <i class="fas fa-fw fa-headphones-alt"></i> Phone - <a href="{{ $deal->phone }}">{{ $deal->phone }}</a>
                </li>
              </ul>
            </div>
            <div class="col-12 col-md-12 col-lg-8 order-2 order-md-2">
              <div class="row">
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-light">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Domain Rating</span>
                      <h2 class="text-center">{{ $deal->dr }}</h2>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-light">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Ahrefs Traffic</span>
                      <h2 class="text-center">{{ $deal->ahrefs_traffic }}K</h2>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-info">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Price</span>
                      <h2 class="text-center">{{ $deal->price_with_link }} USD</h2>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-light">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Domain Authority</span>
                      <h2 class="text-center">{{ $deal->da ? $deal->da : 'N/A' }}</h2>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-light">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Spam Score</span>
                      <h2 class="text-center">{{ $deal->spam_score ? $deal->spam_score : 'N/A' }}</h2>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-sm-4">
                  <div class="info-box bg-light">
                    <div class="info-box-content">
                      <span class="info-box-text text-center">Alexa Rank</span>
                      <h2 class="text-center">{{ $deal->alexa_rank }}</h2>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12">
                  <h4>Details</h4>
                  <div class="post">
                    <div class="callout callout-success">
                      @if($deal->content == "Yes, Content Included")
                      <h6><i class="fas fa-cart-plus"></i> Word Limit For Content : {{ $deal->word_limit }} Words</h6>
                      @else
                      <h6><i class="fas fa-cart-plus"></i> Price for Content Service : {{ $deal->price_content }} USD</h6>
                      @endif
                    </div>
                    @if($deal->accept_posts == "Yes")
                    <div class="callout callout-success">
                      <h6><i class="fas fa-cart-plus"></i> Price for Casino, Gambling, Forex, CBD Posts : {{ $deal->price_cbd }} USD</h6>
                    </div>
                    @else
                    <div class="callout callout-danger">
                      <h6><i class="fas fa-cart-plus"></i> NOTE : Casino, Gambling, Forex, CBD Posts are not Accepted</h6>
                    </div>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->
    </div><!-- /.container-fluid -->
  </section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection