Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/resources/views/landlord/payment.blade.php
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{asset('/css/main.css')}}"> <title>SOMNI</title> </head> <body> <header> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="ld-logo d-flex justify-content-center"> <a href="{{route('home')}}"><img src="{{asset('/images/nav-logo.svg')}}" alt="" class="img-fluid"></a> </div> </div> </div> </div> </header> @if($errors->any()) @foreach($errors->all() as $error) <label class="row justify-content-center custom_error">{{ $error }}</label> @endforeach @endif <section class="subscription-plans-sec"> <div class="container"> <div class="payment-done-main"> <div class="row"> <div class="col-md-12 col-lg-6 col-xl-7"> <div class="done-payment-head"> <h6>Almost done!</h6> <h4>Complete payment</h4> </div> <div class="py-accordion"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Maleda auctor vitae non venenatis? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body py-body"> <p>Vitae elementum donec vulputate volutpat urna ipsum euismod eu tellus vitae. Eros morbi morbi aenean tristique ut volutpat ultrices vel Elementum mollis justo odio tortor viverra. Viverra sociis aenean.Scelerisque facilisis turpis pellentesque dolor imperdiet vellum. </p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Mattis viverra tempor in consectetur hendrerit vel? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body py-body"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos cupiditate, porro laborum natus ullam explicabo quaerat rerum praesentium quos omnis soluta, iure autem consequuntur iste incidunt saepe corrupti qui impedit.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Porttitor ut sed ac faucibus augue? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body py-body"> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eos magni, beatae odit consequatur expedita dolorem animi, aperiam, ullam maxime iste voluptate vel suscipit? Aliquam quasi, molestiae tenetur optio deserunt distinctio!</p> </div> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-6 col-xl-5"> <form action="{{route('subscribe.user')}}" id="payment-form" method="POST"> @csrf <input type="hidden" value="{{$package->id}}" name="package_id" /> <div class="plan-credit-card"> <div class="pl-select-header"> <div class="pl-select"> <p>Plan Selected:</p> </div> <div class="pl-slect-plan"> <p>${{number_format($package->price_monthly,2)}} — {{$package->package_name}} Plan <img src="{{asset('/images/green-check.png')}}" alt="" class="img-fluid"></p> </div> </div> <div class="plnsbs-content"> <div class="pln-card-fields"> <label for="cardholder-name">Cardholder’s Name</label> <input type="text" placeholder="John Doe" id="cardholder-name" class="debit-fields" name="holder_name" value="{{old('holder_name')}}"> </div> {{-- <div class="pln-card-fields"> <label for="card-number">Card Number</label> <div class="card-number-fields" > <input type="number" placeholder="0000" maxlength="4" class="cd-number" required id="card-number-1"> <span>-</span> <input type="number" placeholder="0000" maxlength="4" class="cd-number" required id="card-number-2"> <span>-</span> <input type="number" placeholder="0000" maxlength="4" class="cd-number" required id="card-number-3"> <span>-</span> <input type="number" placeholder="0000" maxlength="4" class="cd-number" required id="card-number-4"> </div> <div class="error-message" id="card-number-error"></div> </div> --}} <div class="pln-card-fields"> <label for="cardholder-name">Card Details</label> {{-- <div class="col-md-6"> <div class="pln-card-fields"> <label for="exp-date">Exp. Date</label> <input type="text" placeholder="MM / YYYY" id="exp-date" class="debit-fields" name="exp_date" required> </div> <div class="error-message" id="exp-date-error"></div> </div> <div class="col-md-6"> <div class="pln-card-fields"> <label for="cvv">CVV</label> <input type="text" placeholder="CVV" id="cvv" class="debit-fields" name="cvv" required> </div> <div class="error-message" id="cvv-error"></div> </div> --}} <div id="card-element" class="col-md-12 pt-4 pb-4"> </div> </div> <div class="row"> <div class="col-md-12"> <div class="purchase-button"> <button type="submit" id="purchase-button" data-secret="{{$intent->client_secret }}" disabled>Purchase</button> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </section> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.all.min.js"></script> <script src="{{asset('/js/global.js')}}"></script> <script src="{{asset('/js/payment-subs.js')}}"></script> <script src="https://js.stripe.com/v3/"></script> <script> const stripe = Stripe('{{ config("constants.stripe.public_key") }}') var style = { base: { color: "#045ad0", fontFamily: 'Proxima-Nova, sans-serif', fontSize: '16px', padding: '40px', // backgroundColor: '#f5f5f5', } }; const elements = stripe.elements() const cardElement = elements.create('card', {hidePostalCode: true, style: style }) cardElement.mount('#card-element') let card_number = 0; const form = document.getElementById('payment-form') const cardBtn = document.getElementById('purchase-button') const cardHolderName = document.getElementById('cardholder-name') form.addEventListener('submit', async (e) => { e.preventDefault() cardBtn.disabled = true const { setupIntent, error } = await stripe.confirmCardSetup( cardBtn.dataset.secret, { payment_method: { card: cardElement, billing_details: { name: cardHolderName.value } } } ) if(error) { cardBtn.disable = false swalPop('error','Error',error.message) } else { showLoading(); let token = document.createElement('input') token.setAttribute('type', 'hidden') token.setAttribute('name', 'token') token.setAttribute('value', setupIntent.payment_method) let card_number_complete = document.createElement('input') card_number_complete.setAttribute('type', 'hidden') card_number_complete.setAttribute('name', 'card_number') card_number_complete.setAttribute('value', card_number) form.appendChild(card_number_complete) form.appendChild(token) form.submit(); } cardBtn.disabled = false }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка