Viewing file:  index.blade.php (18.7 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title', trans('customer.billings'))
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<style>
.b-plan-title{
font-size: 22px !important;
color: white !important;
}
.price li{
padding: 12px !important;
text-align: left;
font-weight: 500;
}
.ribbon-wrapper{
height: 70px;
overflow: hidden;
position: absolute;
width: 70px;
z-index: 10;
margin-top: 6px !important;
top: auto !important;
right: auto !important;
}
.ribbon-wrapper .ribbon{
font-size: 10px !important;
padding: 8px 4px 8px 4px !important;
}
.b-plan-title .current-title{
font-size: 13px !important;
}
.columns{
position: relative;
}
.columns .ribbon-wrapper {
height: 70px;
position: absolute;
width: 70px;
right: 9px !important;
margin-top: 6px !important;
top: 3px!important;
}
</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.billings')}}
</h5>
</div>
<div class="card-body">
@if($customer_plan)
<table class="w-100">
<tr>
<td>
<div class="card-title float-none">{{trans('customer.your_plan')}} : {{$customer_plan->plan->title}}</div>
<div class="card-title float-none">{{trans('admin.price')}} : {{formatNumberWithCurrSymbol($customer_plan->price)}}</div>
<div class="card-title float-none">{{trans('admin.expire_date')}} : {{$customer_plan->expire_date}}</div>
{{-- <h2>{{$customer_plan->plan->title}}</h2> --}}
{{-- <p>{{trans('admin.price')}} {{formatNumberWithCurrSymbol($customer_plan->price)}}</p> --}}
</td>
<td class="text-right">
<button type="button"
class="btn btn-primary d-none">{{trans('customer.update_plan')}}</button>
</td>
</tr>
</table>
{{-- <table class="w-50">
<tr>
<td class="plan-des-title">{{trans('customer.cost')}}</td>
<td class="plan-des-value">{{formatNumberWithCurrSymbol($customer_plan->price)}}</td>
</tr>
</table> --}}
@endif
<div id="plans" class="plans-wrapper mt-3">
@foreach($plans as $plan)
<div class="columns {{$customer_plan && $customer_plan->plan_id==$plan->id?'plan-active':''}}">
@if($plan->set_as_popular=='yes')
<div class="ribbon-wrapper">
<div class="ribbon bg-danger">
{{trans('customer.Popular')}}
</div>
</div>
@endif
<ul class="price">
<li class="grey">
<h3 class="mb-0 b-plan-title">
{{$plan->title}}
<span class="ml-1 current-title">
{{$customer_plan && $customer_plan->plan_id==$plan->id?'(Current)':''}}
</span>
</h3>
<h6>
{{$plan->short_description}}
</h6>
</li>
<li class="price-tag text-muted"><strong>{{trans('Plan Price')}}</strong>: {{formatNumberWithCurrSymbol($plan->price)}}</li>
<li class="text-muted"><strong>{{trans('Recurring Type')}}</strong>: {{ucfirst($plan->recurring_type)}}</li>
@if($plan->unlimited_contact=='yes')
<li class="text-muted"><strong>{{trans('Contact Limit')}}</strong>: {{trans('Unlimited')}}</li>
@else
<li class="text-muted"><strong>{{trans('Contact Limit')}}</strong>: {{$plan->max_contact}}</li>
@endif
@if($plan->unlimited_contact_group=='yes')
<li class="text-muted"><strong>{{trans('Group Limit')}}</strong>: {{trans('Unlimited')}}</li>
@else
<li class="text-muted"><strong>{{trans('Group Limit')}}</strong>: {{$plan->contact_group_limit}}</li>
@endif
<li class="text-muted"><strong>{{trans('Free SMS Unit')}}</strong>: {{$plan->free_sms_credit}}</li>
<li class="text-muted"><strong>{{trans('SMS Unit Price')}}</strong>: {{$plan->sms_unit_price}}</li>
@if($plan->api_availability=='yes')
<li class="text-muted"><strong>{{trans('API Available')}}</strong>: Yes</li>
@else
<li class="text-muted"><strong>{{trans('API Available')}}</strong>: No</li>
@endif
<li class="text-muted"><strong>{{trans('SMS Send Limit')}}</strong>: {{$plan->sms_sending_limit}}(<small>Per Month</small>)</li>
<li class="text-muted">
<a href="{{route('coverage',[$plan->id])}}" target="_blank">See Coverage</a>
</li>
<li>
@if(!$customer_plan || $customer_plan->plan_id!=$plan->id)
@if($pending_request && isset($pending_request->plan_id) && $pending_request->plan_id==$plan->id)
<button class="btn btn-danger btn-sm disabled w-100 d-block" disabled="disabled"
type="button">{{trans('Pending')}}</button>
@else
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<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('paymentgateway::process')}}"
data-input='{"id":"{{$plan->id}}"}'
data-toggle="modal" data-target="#modal-confirm"
type="button"
class="btn btn-primary btn-sm w-100 d-block">{{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 btn-primary btn-sm w-100 d-block">{{trans('customer.choose')}}
</button>
@endif
@endif
@elseif($customer_plan->expire_date < now())
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<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('paymentgateway::process')}}"
data-input='{"id":"{{$plan->id}}"}'
data-toggle="modal" data-target="#modal-confirm"
type="button"
class="btn btn-primary btn-sm w-100 d-block">{{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 btn-primary btn-sm w-100 d-block">{{trans('customer.choose')}}
</button>
@endif
@endif
</li>
</ul>
</div>
@endforeach
</div>
</div>
</div>
<div class="card mt-5">
<div class="card-header">
<h5>{{trans('Billing Request')}}</h5>
</div>
<div class="card-body">
<table id="billing_requests" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>{{trans('Plan Title')}}</th>
<th> {{trans('Price')}} </th>
<th> {{trans('Transaction ID')}} </th>
<th> {{trans('Status')}} </th>
</tr>
</thead>
<tbody>
@foreach($billing_requests as $billing_request)
<tr>
<td>{{$billing_request->plan->title}}</td>
<td>{{formatNumberWithCurrSymbol($billing_request->plan->price)}}</td>
<td>{{$billing_request->transaction_id}}</td>
<td>
@if($billing_request->status=='accepted')
<span class="badge badge-success p-2">{{trans('Accepted')}}</span>
@elseif($billing_request->status=='pending')
<span class="badge badge-danger p-2">{{trans('Pending')}}</span>
<button class="btn btn-sm btn-danger ml-3" data-message="Are you sure you want to cancel this billing request?"
data-action="{{route('customer.cancel.billing.request')}}"
data-input={"_method":"post","id":"{{$billing_request->id}}"}
data-toggle="modal" data-target="#modal-confirm" title="Reject" >Cancel</button>
@elseif($billing_request->status=='rejected')
<span class="badge badge-danger p-2">{{trans('customer.rejected')}}</span>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</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">{{trans('customer.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>{{trans('customer.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>{{trans('customer.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">{{trans('customer.close')}}</button>
</div>
</div>
</div>
</div>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script>
"use strict";
$('#billing_requests').DataTable({
processing: true,
serverSide: false,
responsive:true,
"ordering": false,
fnInitComplete: function(oSettings, json) {
$('#billing_requests_filter').addClass('d-none');
$('#billing_requests_length').addClass('d-none');
}
});
</script>
@endsection
|