@extends('layouts.app')


@push('style')
  

 
  <style>
  
  </style>
  @endpush

@section('content')  
 
<div  id="registerForm"  class="mb-3 mt-0 col-sm-12   mx-auto">
     


    <div class="lead d-block  pb-0   align-content-center mx-auto text-center" ><h3>{{ __('applabels.mySubscriptionsTitle') }}  </h3> 
    </div>
    @if (isset($message))
    <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12  ">
        <div class="input-group  col-sm-12  pb-4 alert alert-info justify-content-center mx-auto " role="alert">
        <div class="input-group justify-content-center flex-nowrap  ">
            <svg class="bi flex-shrink-0 me-2" width="32" height="32" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg>
            <span>{{  $message  }}</span>
        </div>
        </div>
    </div>
    @endif
    @if (($activeSubscription != null) || ($subscription->isExpiring())  )
    <div class="d-flex flex-row">
        <div class="p-2 col-md-11 m-auto">
            <div class="row g-0 pt-2 pb-2 text-center">
                <div class="alert alert-danger" role="alert">
                @if ($activeSubscription != null) 
                    {{ __('applabels.SubscriptionExpires', ['days' => $activeSubscription->daysToExpire()]) }}<BR>                        
                    <a class="btn btn-danger wf-100 text-center" href="{{ LaravelLocalization::localizeUrl('/mysubscriptions') }}/{{auth()->user()->id}}" target="_top">{{ __('applabels.paymentPending' ) }}</a>
                @elseif ($subscription->isExpiring())      
                    {!! $subscription->daysToExpire() > 0 ? __('applabels.SubscriptionExpires', ['days' => $subscription->daysToExpire()]) : __('applabels.SubscriptionsExpired') !!}    <BR>                
                       
                    <a class="btn btn-danger wf-100 text-center" href="{{ LaravelLocalization::localizeUrl('/pricing') }}" target="_top"> {{ __('applabels.RenewSubscription') }}</a>

                @endif
                </div>

            </div>
        </div>  
    </div>
    @endif
        <div> 
            <div class="mb-3 col-sm-12  mx-auto">
                <div class="d-flex mx-auto justify-content-center   mb-3 col-sm-12 mx-auto   " id="">
                    <div class="input-group  justify-content-center flex-nowrap col-sm-12">
                        <label class="input-group-text col-sm-4" for="businessName"  > {{ __('applabels.businessPage') }}  </label>
                        <input class="form-control item col-sm-8" type='text' id='businessName' name='businessName' value='{{ $subscription->pages->name  }}'  readonly >
                    </div>
                </div> 
                <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
                <div class="input-group justify-content-center flex-nowrap  ">
                    <label class="input-group-text col-sm-4" for="reference">{{ __('applabels.reference') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='reference'  name='reference'  value='{{ $subscription->payment->id }}S{{ $subscription->payment->subscriptions_id }}' readonly> 
                </div>
              </div>

              <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
                <div class="input-group justify-content-center flex-nowrap  ">
                    <label class="input-group-text col-sm-4" for="date">{{ __('applabels.date') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='date'  name='date'  value='{{ $subscription->payment->created_at  }}' readonly> 
                </div>
              </div>
              <div class="d-flex mx-auto justify-content-center mb-3 col-sm-12 mx-auto  " >
                <div class="input-group  justify-content-center flex-nowrap ">
                    <label class="input-group-text col-sm-4" for="subscription_type">{{ __('applabels.Subscription Type') }}</label>
                    <input class="form-control item col-sm-8"type="text" name="subscription_type" id="subscription_type"    value="{{ $subscription->subscriptionType->type}}" readonly>
                </div>                        
              </div>
              <div class="d-flex mx-auto justify-content-center mb-3 col-sm-12 mx-auto  " >
                <div class="input-group  justify-content-center flex-nowrap ">
                    <label class="input-group-text col-sm-4" for="subscription_price">{{ __('applabels.price') }}</label>
                    <input class="form-control item col-sm-8"type="text" name="subscription_price" id="subscription_price"   value='{{ number_format(($subscription->subscriptionType->price), 2, ",", ".") . " €"    }}' readonly>
                </div>                        
              </div>
              <div class="d-flex mx-auto justify-content-center mb-3 col-sm-12 mx-auto  " >
                <div class="input-group  justify-content-center flex-nowrap ">
                    <label class="input-group-text col-sm-4" for="subscription_types_id">{{ __('applabels.method') }}</label>
                    <input class="form-control item col-sm-8"type="text" name="subscription_type" id="subscription_type"    value="{{ $subscription->payment->payment_method->name}}" readonly>
                </div>                        
              </div>
              @if ($activeSubscription != null)
              <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
                <div class="input-group justify-content-center flex-nowrap  ">
                    <label class="input-group-text col-sm-4" for="method"> </label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='method'  name='method'  value='{{ $subscription->payment->payment_method->code}}' readonly> 
                    <button class="btn btn-sm btn-phone-copy" onclick="copyToClipBoard(' {{ $subscription->payment->payment_method->code }} '); return false;"><i class="fa-solid fa-copy"></i></button>
                </div>
              </div> 
              @endif
              <div class="d-flex mx-auto justify-content-center   mb-3 col-sm-12 mx-auto   " id="">
                <div class="input-group  justify-content-center flex-nowrap col-sm-12 {{ $subscription->active ? 'alert alert-success' : 'alert alert-danger'}}">
                    <label class="input-group-text col-sm-4" for="subscriptionEndDate"  > {{ __('applabels.validThrough') }}  </label>
                    <input class="form-control item col-sm-8" type='text' id='subscriptionEndDate' name='subscriptionEndDate' value='{{ $subscription->subscription_end_date  }} {!! $subscription->notpayed ?  __("applabels.NOTPAYED")  :  __("applabels.PAYED") !!}'  readonly >
                </div>
              </div>
              <!--
              <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
                <div class="input-group justify-content-center flex-nowrap  ">
                    <label class="input-group-text col-sm-4" for="name">{{ __('applabels.name') }}</label> 
                    <input class="form-control item col-sm-8"   type='text' name='name'   value='{{isset($subscription->user->name) ? $subscription->user->name : " -- " }}' readonly>
                </div>
              </div>
              <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
                <div class="input-group justify-content-center flex-nowrap  ">
                    <label class="input-group-text col-sm-4" for="pageEmail">{{ __('menu.email') }}</label> 
                    <input class="form-control item col-sm-8"   type='email' name='pageEmail'  value='{{isset($subscription->user->email) ? $subscription->user->email : " -- " }}' readonly>
                </div>
              </div>
                
              <div class="d-flex mx-auto justify-content-center   mb-3 col-sm-12 mx-auto">                    
                <div class="input-group justify-content-center flex-nowrap ">
                    <label class="input-group-text col-sm-4" for="phone">{{ __('menu.phone') }}</label>
                    <input class="form-control item col-sm-8"   type='phone' name='phone' value='{{isset($subscription->f_b_pages->phonenumber) ? $subscription->f_b_pages->phonenumber : " -- " }}' readonly>
                </div>
              </div> 
-->
             
            </div>
        </div>
        <div><hr></div>
        <!-- @  foreach ($ subscriptions as $ subscription)        @ endforeach -->
    </div>
</div>
 
 
 


@endsection
@push('scripts')   
    <script type="text/javascript">  
     
    function copyToClipBoard(value){
         // event.preventDefault()
          
          navigator.clipboard.writeText(value);
         // e.stopPropagation();
         // return false;
        };
        </script>
    @endpush