@extends(getTemplate().'.view.layout.layout')

@section('page')

    <div class="container">
        <div class="container-fluid bg-white">
          <p><b>Coupon code: </b>{{ $coupon->code }}</p>
<p><strong>Coupon Price:</strong> ₦{{ number_format($coupon->price) }}</p>
<p><b>Course: </b>{{ $coupon->course->title ?? '' }}</p>

          <button type="button" class="btn btn-primary m-12 pull-right" 
          data-toggle="modal" data-target="#myModalEmailCoupon">
            Add email
          </button>
          @include('web.default.view.coupons.create_email')


          <ul class="nav nav-tabs m-12">
            <li class="active"><a data-toggle="tab" href="#homeDetails">Details</a></li>
            <li><a data-toggle="tab" href="#menu1DPayments">Payments</a></li>
            <li><a data-toggle="tab" href="#menu2DEmails">Emails</a></li>
        </ul>
        
        <div class="tab-content pl-6">
            <div id="homeDetails" class="tab-pane fade in active">
              <p></p>
              @include('web.default.view.coupons.details')
            </div>
            <div id="menu1DPayments" class="tab-pane fade">
              <p>People who have signed up for this course</p>
                @include('web.default.view.coupons.payments')
              </div>
            <div id="menu2DEmails" class="tab-pane fade">
              <p>Emails of people that have been gifted this coupon</p>
              @include('web.default.view.coupons.emails')
            </div>
        </div>
   
        </div>
    </div>
        
@endsection