@extends('adminlte::page')
@section('title', 'Cancel Plan')
@section('content')
<div class="wizard row">
    <div class="col-md-12 pd-4">
      <div class="box ">
        <!-- title of the page and heading-->
        <div class="box-header with-border main-box">
          <i class="ion ion-clipboard"></i>
          <h3 class="box-title">Cancel Plan</h3>
        </div> 
        <!--end title-->
        <!-- start body of the page--> 
        <!-- start box body --> 
        <div class="box-body">
          <div class="col-12">
            <form id="payment-form" action="{{URL::to('/cancel_plan_post')}}" method="POST">
              {!! csrf_field() !!}
              <div class="form-group ">
                  <div class="col-12">
                      <span style="font-size: 18px;">
                          You have an active subscription of {{$plans->currency_sub}} {{$plans->amount_sub}} per month for <span style="color: blue;"> {{$plans->name}} </span> Plan
                      
                      </span>
                  </div>
              </div>
              <div class="form-group">
                  <div class="col-6">
                      <input type="text" name="price_id" id="price_id" value="{{$plans->price_id}}">    <!-- this is price_xxxxxxxxxx id... -->
                      <input type="text" name="subscription_id" id="subscription_id" value="{{$plans->stripe_id}}"> <!-- this is sub_xxxxxxxxxx id... -->
                      <input type="text" name="email" id="email" value="{{$plans->email}}">

                  </div>
              </div>
              <div class="form-group">
                  <div class="col-6">
                   
                      <label style="color: blue;">Please Click the button to Cancel the plan.</label>
                      <br>
                      <button type="submit" class="btn btn-primary btn-sm">Cancel</button>
                    
                  </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
@endsection