Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/public_html/resources/views/membership/pages/ |
@extends("membership.layouts.membershipLayout")
@section('css_page')
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/membership/getmembership.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/css-form.css') }}" type="text/css" media="screen"/>
@endsection
@section('content')
<div class="container-fluid">
<div class="row bg-yellow reverse">
<div class="col-md-6">
<div class="payment-form ">
<div class="form-detail scrollbar4" id="scroll4">
{{--start form--}}
<div class="comments_container comments-container-custom register-sec">
<div class="black-box-inner">
<div class="box-border box-background">
<div class="clearfix">
<div class="text-zone-description" style="padding-bottom:10px!important;">
<div class="treatment-title text-center">
<img src="{{ asset('/themes/frontend_new/assets/img/heading-new.png') }}"/>
<span>Payment Method</span>
</div>
</div>
<div class="text-zone-description">
<form id="createCustomer" action="{{ route('plan.createcustomer')}}?_token={{ csrf_token() }}" method="POST">
<div class="card-type wrap wrap1">
<!-- <div class="allCard-details">
<div class="visa-logo">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/mastercard.svg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
</div>
</div> -->
<!-- <div class="cards-logo">
<div class="visa-logo">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/mastercard.svg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
</div>
</div> -->
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="name">Enter Card Details:</label>
</div>
<div class="filds-input card_logo_wapper">
<div class="visa-logo">
<img src="{{asset('themes/frontend_new/assets/img/membership/visa.jpeg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/master_card.jpeg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/master_card1.jpeg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/visa1.png')}}" alt="">
</div>
</div>
</div>
</div>
<div class="form-group log-bx">
<div class="filds">
<div id="card-element"></div>
<div id="card-errors" role="alert"></div>
</div>
</div>
<!-- <h6 class="card-info">Enter your card information:</h6>
<div id="card-element"></div>
<div id="card-errors" role="alert"></div>-->
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="name">Select Plan</label>
</div>
</div>
</div>
<div class="payment-flex wrap">
<div class="name-on-card">
<div class="payment-flex item-end">
<div class="date">
<select class="form-control" id="plan_id" name="plan_id" required>
@foreach($plans as $key => $plan)
<option value="{{ $key }}">{{$plan->name}}</option>
@endforeach
</select>
</div>
<div class="year">
<select class="form-control" id="price_id" name="price_id" required>
@foreach($plans[0]->prices as $key => $price)
<option value="{{$price->price_id}}"> £ {{$price->amount}}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="name">Full name</label>
</div>
<div class="filds-input">
<input type="text" name="name" class="form-control" placeholder="">
@if ($errors->has('name'))
<div class="text-warning">
{{ $errors->first('name') }}
</div>
@endif
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="number">Address 1</label>
</div>
<div class="filds-input">
<input type="text" name="address_1" class="form-control" placeholder="Street name/number" required>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="email">Address 2</label>
</div>
<div class="filds-input">
<input type="text" name="address_2" class="form-control" placeholder="Addition to address(optional)" required>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="email">Town/City</label>
</div>
<div class="filds-input">
<input type="text" name="city" class="form-control" required>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="email">Country</label>
</div>
<div class="filds-input">
<input type="text" name="country" class="form-control" required>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="email">Postcode</label>
</div>
<div class="filds-input">
<input type="text" name="post_code" class="form-control" required>
</div>
</div>
</div>
<div class="form-group pass-bx">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="{{ asset('/themes/frontend_new/assets/img/reg-s.png') }}"/>
</span>
<label for="email">Phone number</label>
</div>
<div class="filds-input">
<input type="text" name="number" class="form-control" required>
</div>
</div>
</div>
<div class="form-group clearfix terms_link_wrapper" style="margin-top: 10px;">
<div class="col-md-12">
By continuing you agree to our <a class="terms_link" target="_blank" href="{{ url('legal') }}"> Terms & Conditons</a>
</div>
</div>
<div id="actions" class="clearfix text-center reg-button">
<div class="login-reg-sec-1">
<div class="button-sec-left">
<div class="btn-com">
<span>
<img src="{{ asset('/themes/frontend_new/assets/img/btn.png') }}"/>
</span>
<button id="createCustomerSubmit" type="submit" class="button-login-trans add-cardBtn">SUBMIT</button>
</div>
</div>
</div>
</div>
{!! Form::close() !!}
</div>
</div>
</div>
</div>
</div>
<!-- <form id="createCustomer" action="{{ route('plan.createcustomer')}}?_token={{ csrf_token() }}" method="POST">
<h2 class="text-center">Payment Method</h2>
<div class="card-type wrap wrap1">
<div class="allCard-details">
<h3>Zenstars accepts most major credit & debit cards </h3>
</div>
<div class="cards-logo">
<div class="visa-logo">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/mastercard.svg')}}" alt="">
</div>
<div class="visa-logo">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/visa-payment-card.jpg')}}" alt="">
</div>
</div>
</div>
<h6 class="card-info">Enter your card information:</h6>
<div id="card-element"></div>
<div id="card-errors" role="alert"></div>
<div class="payment-flex wrap">
<div class="name-on-card">
<label for="first_name">Select Plan </label>
<div class="payment-flex item-end">
<div class="date">
<select class="form-control" id="plan_id" name="plan_id" required>
@foreach($plans as $key => $plan)
<option value="{{ $key }}">{{$plan->name}}</option>
@endforeach
</select>
</div>
<div class="year">
<select class="form-control" id="price_id" name="price_id" required>
@foreach($plans[0]->prices as $key => $price)
<option value="{{$price->price_id}}">{{$price->amount}}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
<div class="find-address">
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Enter your full name </label>
<input type="text" name="name" class="form-control" placeholder="Miss Alexandra stama">
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Address Line 1 </label>
<input type="text" name="address_1" class="form-control" placeholder="street name/number" required>
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Address Line 2</label>
<input type="text" name="address_2" class="form-control"
placeholder="Addition to address(optional)" required>
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Town/City</label>
<input type="text" name="city" class="form-control" required>
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Country </label>
<input type="text" name="country" class="form-control" required>
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Postcode </label>
<input type="text" name="post_code" class="form-control" required>
</div>
</div>
<div class="fullName input-sapce">
<div class="form-group gap w-100">
<label for="first_name">Phone number </label>
<input type="text" name="number" class="form-control" required>
</div>
</div>
<div class="use-this-address">
<button id="createCustomerSubmit" type="submit" class="btn btn-default add-cardBtn ">Use this address</button>
</div>
</div>
</form> -->
</div>
</div>
</div>
<div class="col-md-6 p-0">
<div class="form-img">
<img src="{{asset('themes/frontend_new/assets/img/membership/image/form-img.jpg')}}" alt="">
</div>
</div>
</div>
</div>
@endsection