@extends('layouts.app')

@push('style')
  

 
  <style>
@media only screen and(max-width: 525px)  {
    .custom-select{
        width: 100%;
    }
}
@media only screen and(min-width: 769px)  {
      .input-group {
      
      width:200px;
  }
  .input-group-text {
    min-width:260px;
  /*  max-width:200px;*/
  }
}
      </style>
  @endpush

@section('content')  
           
   
   
<div id="registerForm" class="mt-2"> 
   <div class="lead text-nowrap alert alert-success  pb-4 text-strong text-center"> 
      <h3>{{__('applabels.Payment Pending')}} </h3>

    </div>

    <!--form action=" {{ route('contact.send') }}" method="POST" id="registerTrialForm" class="d-inline needs-validation" --> 
      <div class="mb-3 col-sm-10   mx-auto text-center">
      
        <div class="d-flex mx-auto justify-content-center  mb-3 col-sm-12 mx-auto">
        
                <div class="input-group " >
                    <p class="mb-2"><strong>{{__('applabels.Payment Pending Message 1')}}</p> 
                    <p class="mb-4">{{__('applabels.Payment Pending Message 2')}}</p></strong>
        </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="type">{{ __('applabels.Subscription Type') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='type'  name='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="price">{{ __('applabels.price') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='price'  name='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="method">{{ __('applabels.method') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='method'  name='method'  value='{{ $subscription["payment"]["payment_method"]->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="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> 
       <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 private-input"   type='text' id='Name'  name='Name'  value='{{ $subscription["payment"]["billingdata"]->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="email">{{ __('applabels.email') }}</label> 
                    <input class="form-control item col-sm-8 private-input"   type='text' id='email'  name='email'  value='{{ $subscription["payment"]["billingdata"]->email}}' readonly> 
                </div>
        </div>
         
        
      </div>      
    <!-- /form -->

</div>
 
 
 


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