Viewing file:  index.blade.php (11.13 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title') Billings @endsection
@section('extra-css')
<style>
h1 {
font-size: 2.5rem;
font-weight: 900;
text-transform: uppercase;
margin-top: 2em;
margin-bottom: 0;
}
.text-accent {
color: #00A1AB;
}
.fs-500 {
font-size: 1.3125rem;
margin: 0;
}
.mb {
margin-bottom: 0.5em;
}
.plans {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 2em 0;
}
.plan {
width: 16.5rem;
padding: 2em;
border-radius: 1em;
margin: 0 0.5em 1em;
text-align: center;
}
.list-style-none{
list-style: none;
padding: 0px !important;
}
.plan--light {
color: #4E4E4E;
background: linear-gradient(-45deg, #E5E3E8, #FAFAFA);
}
.plan--light .plan-price {
color: #00A1AB;
}
.plan--light .choose-plan-btn {
color: #FFF;
background: #4E4E4E;
}
.plan--accent {
color: #FFF;
background: linear-gradient(-45deg, #00A1AB, #3741A0);
}
.plan--accent .choose-plan-btn {
color: #4E4E4E;
background: #FFF;
}
.plan-title {
text-transform: uppercase;
margin: 0 0 1em;
}
.plan-price {
margin: 0;
font-size: 3rem;
line-height: 1;
font-weight: 900;
}
.plan-price span {
display: block;
font-size: 1.5625rem;
font-weight: 300;
}
.plan-description {
margin: 2em 0;
line-height: 1.5;
}
.choose-plan-btn {
display: inline-block;
padding: 0.5em 0.75em;
border-radius: 0.25em;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
color: #FFF;
background: #00A1AB;
transition: 0.3s;
}
.choose-plan-btn:hover {
opacity: 0.75;
}
.pricing-plans{
display: flex !important;
}
.btn-mb {
margin-bottom: 3em;
}
.btn--light {
color: #4E4E4E;
background: #FFF;
}
.btn--dark {
color: #FFF;
background: #4E4E4E;
}
</style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row">
<!-- /.col-md-6 -->
<div class="col-lg-12 mx-auto">
<div class="card">
<div class="card-header">
<h5 class="m-0">
{{trans('customer.billing')}}
</h5>
</div>
<div class="card-body">
@if($customer_plan)
<div class="card mb-4">
<div class="card-body">
<h4 class="text-muted">{{trans('Your Current Plan')}}: <strong>{{$customer_plan->plan->title}}</strong></h4>
<h6>
{{trans('Plan Will Expire At')}}: {{$customer_plan->expire_date}}
</h6>
<h6>{{trans('Plan Price')}}: <span class="ml-4">{{formatNumberWithCurrSymbol($customer_plan->price)}}</span></h6>
</div>
</div>
@endif
<section class="pricing-plans">
@foreach($plans as $plan)
<div class="plans">
<div class="plan {{isset($customer_plan) && $customer_plan->plan_id==$plan->id?'plan--accent':'plan--light'}}">
<h2 class="plan-title">{{$plan->title}}</h2>
<p class="plan-price">{{formatNumberWithCurrSymbol($plan->price)}}<span>/
{{ucwords($plan->recurring_type)}}</span></p>
<p class="plan-description">
<ul class="list-style-none p-0">
@if($plan->meal_plan=='yes')
<li>{{trans('Meal Plan')}}</li>
@endif
@if($plan->workout_plan=='yes')
<li>{{trans('Workout Plan')}}</li>
@endif
@if($plan->live_support=='yes')
<li>
Live Support
</li>
@endif
@if(isset($plan->details) && $plan->details)
@foreach(json_decode($plan->details) as $detail)
@if($detail)
<li>
{{$detail}}
</li>
@endif
@endforeach
@endif
<li>
Cancel Anytime
</li>
</ul>
</p>
@if(!$customer_plan || $customer_plan->plan_id!=$plan->id)
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<button
data-message="{!! trans('customer.messages.update_plan',['plan'=>$plan->title]) !!}"
data-action="{{route('paymentgateway::process')}}"
data-input='{"id":"{{$plan->id}}"}'
data-toggle="modal" data-target="#modal-confirm"
type="button"
class="btn choose-plan-btn">{{trans('customer.choose')}}
</button>
@else
<button
data-message="{!! trans('customer.messages.update_plan',['plan'=>$plan->title]) !!} <br/> <span class='text-sm text-muted'>{{trans('customer.messages.update_plan_nb')}}</span>"
data-action="{{route('customer.billing.update')}}"
data-input='{"id":"{{$plan->id}}"}'
data-toggle="modal" data-target="#modal-confirm"
type="button"
class="btn choose-plan-btn">{{trans('customer.choose')}}
</button>
@endif
@else
<button class="btn choose-plan-btn disabled" disabled>{{trans('Owned')}}</button>
@endif
</div>
</div>
@endforeach
</section>
</div>
</div>
</div>
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
@php $contactData = get_settings('contact_info') ? json_decode(get_settings('contact_info')) : ''; @endphp
<!-- Modal -->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Contact With Admin</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<h5>
<strong>Phone Number: </strong>
@if(isset($contactData) && isset($contactData->phone_number))
<a class="d-inline-block" href="tel:{!!clean($contactData->phone_number)!!}">
{!!clean($contactData->phone_number)!!}
</a>
@endif
</h5>
</div>
<div class="form-group">
<h5>
<strong>Email: </strong>
@if(isset($contactData) && isset($contactData->email_address))
<a class="d-inline-block" href="mailto:{!!clean($contactData->email_address)!!}">
{!!clean($contactData->email_address)!!}
</a>
@endif
</h5>
</div>
<div class="form-group">
@if(isset($contactData) && isset($contactData->address))
{!!clean($contactData->address)!!}
@endif
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /.content -->
@endsection
|