@extends('front.layouts.main')
@section('content')

<div class="c-company-text "><p>{{@$gcompany->company_name}}</p></div>
                <div class="c-midsection">
                    <div class="c-toptab  pad_bottom_10 clearfix">
                         @include('front.includes.dashboard-menu')
                    </div>
                    <div class="c-mid-tsbsection">
                        
                        <div class="c-view-page  mar_top_10">
                            <section class="c-veiw-con">
                                <div class="c-view-tab clearfix">
                                     @include('front.company.menu')
                                    
                                </div>
                                <div class="c-mid-tsbsection clearfix">
                                  <div class="subscrip-info pad_top_30 clearfix">
                                      <h1>Subscription & Billing Info</h1>
                                      <div class="account-detial">
                                       <dl>
                                             <dt>Account Status :</dt>
                                              <dd class="active"><span>Unpaid</span></dd>
                                              <dt>Toal New Member :</dt>
                                              <dd class="active"><span>{{count($newMember)}}</span></dd>
                                              <p>{{ucfirst($subscription->plan_type)}} subscription</p>
                                              <p>&nbsp;</p>
                                              <table class="member-payment">
                                                <th>Name</th><th>Email</th><th>Phone</th>
                                              @foreach($newMember as $member)
                                              <tr>
                                              <td>{{$member->name}}</td> <td>{{$member->email}} </td><td>{{$member->mobile_no}}</td>
                                            </tr>
                                              @endforeach
                                              </table>
                                          </dl>
                                      </div>
                                      <!-- Pyment form -->
                                      <div class="pricing-box default-box">
                                          <p><b>Pricing : </b>when a company's next bill comes up it will automatically charge.</p>
                                                                                   <div class="price-wrap">
                                              <div class="price-sec">
                                                  <div class="price">@if($subscription->plan_type=='monthly')20 @else 200
                                                    @endif
                                                  </div>
                                                  <p>Per user, {{$subscription->plan_type}}</p>
                                                 <form action="{{route('member-subscription-payment')}}" method="POST" onsubmit="myFunction();">
                                                    {{csrf_field()}}
                                                    <input type="hidden" name="plan" value="monthly">
													<script
                                                      src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                                                      data-key="pk_live_gEfXTShcxaPYb0XG3UlqqK6H"
                                                      data-amount="{{$amount*100}}"
                                                      data-name="CDR"
                                                      data-description="{{ucfirst($subscription->plan_type)}} Subscription"
                                                      data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
                                                      data-locale="auto">
                                                    </script>
                                                    <!--<script
                                                      src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                                                      data-key="{{env('STRIPE_KEY')}}"
                                                      data-amount="{{$amount*100}}"
                                                      data-name="CDR"
                                                      data-description="{{ucfirst($subscription->plan_type)}} Subscription"
                                                      data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
                                                      data-locale="auto">
                                                    </script>-->
                                                 </form>
                                                 
                                              </div>

                                               <div class="price-sec">
                                                <div class="price">{{$amount}}</div>
                                                <p>Estimated bill.</p>
                                               </div>
                                              
                                          </div>
                                          </div>

                                      <!-- end -->

                                      <!-- Payment  box-->
                                      <div class="pricing-box payment-box" style="display:none;">
                                     </div>
                                  <!-- End -->
                                </div>
                                 
                            </section>
                            
                        </div>
                        
                    </div>
                </div>
                <style>
               .member-payment table, td, th {    
                  border: 1px solid #ddd;
                  text-align: left;
              }

              table {
                  border-collapse: collapse;
                  width: 100%;
              }

              th, td {
                  padding: 15px;
              }
                </style>
@endsection
@section('js') 
<script type="text/javascript">
        
    
        function myFunction() {
                    var user_firstname = "";
         
            
                    var user_lastname = "";
                    
        var user_company = "";
        gtag('event', 'click-'+user_company, {
        'event_category': 'SignUp',
        'event_label': user_firstname+' '+user_lastname,
        'value': '1'
        });
        console.log(user_firstname);
        console.log(user_lastname);
        console.log(user_company);
        
    }
            
    
</script>
@endsection