File: /www/wwwroot/wwwshoopermcom/application/views/invoice/invoice_membership.php
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="<?php echo $this->selected_lang->short_form ?>">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title><?php echo xss_clean($title); ?> - <?php echo xss_clean($this->settings->site_title); ?></title>
<meta name="description" content="<?php echo xss_clean($description); ?>"/>
<meta name="keywords" content="<?php echo xss_clean($keywords); ?>"/>
<meta name="author" content="Codingest"/>
<link rel="shortcut icon" type="image/png" href="<?php echo get_favicon($this->general_settings); ?>"/>
<meta property="og:locale" content="en-US"/>
<meta property="og:site_name" content="<?php echo xss_clean($this->general_settings->application_name); ?>"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/vendor/bootstrap/css/bootstrap.min.css"/>
</head>
<body>
<div class="container" style="width: 898px; max-width: 898px;min-width: 898px;">
<div class="row">
<div class="col-12">
<div class="container-invoice">
<div id="content" class="card">
<div class="card-body invoice p-0">
<div class="row">
<div class="col-12">
<h1 style="text-align: center; font-size: 36px;font-weight: 400;margin-top: 20px;"><?= trans("invoice"); ?></h1>
</div>
</div>
<div class="row" style="padding: 45px 30px;">
<div class="col-6">
<div class="logo">
<img src="<?php echo get_logo($this->general_settings); ?>" alt="logo">
</div>
<div>
<?= $this->settings->contact_address; ?>
</div>
</div>
<div class="col-6">
<div class="float-right">
<p class="font-weight-bold mb-1"><span style="display: inline-block;width: 100px;"><?= trans("invoice"); ?>:</span>#INVM<?= $transaction->id; ?></p>
<p class="font-weight-bold"><span style="display: inline-block;width: 100px;"><?= trans("date"); ?>:</span><?= helper_date_format($transaction->created_at); ?></p>
</div>
</div>
</div>
<?php $currency = get_currency_by_code($transaction->currency); ?>
<div class="row" style="padding: 45px 30px;">
<div class="col-6">
<p class="font-weight-bold mb-3"><?= trans("client_information"); ?></p>
<p class="mb-1"><?= html_escape($user->first_name); ?> <?= html_escape($user->last_name); ?> (<?= $user->username; ?>)</p>
<?php if (!empty($user->address)): ?>
<p class="mb-1"><?= html_escape($user->address); ?></p>
<?php endif;
$country = !empty($user->country_id) ? get_country($user->country_id) : '';
$state = !empty($user->state_id) ? get_state($user->state_id) : '';
$city = !empty($user->city_id) ? get_city($user->city_id) : '';
if (!empty($state)): ?>
<p class="mb-1"><?= !empty($city) ? $city->name . ", " : '' ?><?= $state->name; ?></p>
<?php endif;
if (!empty($country)): ?>
<p class="mb-1"><?= !empty($country) ? $country->name : '' ?></p>
<?php endif;
if (!empty($user->phone_number)): ?>
<p class="mb-1"><?= html_escape($user->phone_number); ?></p>
<?php endif; ?>
</div>
<div class="col-6">
<div class="float-right">
<p class="font-weight-bold mb-3"><?php echo trans("payment_details"); ?></p>
<p class="mb-1"><span style="display: inline-block;min-width: 158px;"><?php echo trans("payment_status"); ?>:</span><?= get_payment_status($transaction->payment_status); ?></p>
<p class="mb-1"><span style="display: inline-block;min-width: 158px;"><?php echo trans("payment_method"); ?>:</span><?= get_payment_method($transaction->payment_method); ?></p>
<p class="mb-1"><span style="display: inline-block;min-width: 158px;"><?php echo trans("currency"); ?>:</span><?= $transaction->currency; ?></p>
</div>
</div>
</div>
<div class="row p-4">
<div class="col-md-12">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="border-0 font-weight-bold"><?= trans("description"); ?></th>
<th class="border-0 font-weight-bold"><?= trans("membership_plan"); ?></th>
<th class="border-0 font-weight-bold"><?php echo trans("total"); ?></th>
</tr>
</thead>
<tbody>
<tr style="font-size: 15px;">
<td><?= trans("membership_plan_payment"); ?></td>
<td><?= $transaction->plan_title; ?></td>
<?php if (!empty($currency) && $currency->symbol_direction == "left"): ?>
<td style="white-space: nowrap"><?= get_currency_symbol($transaction->currency); ?><?= $transaction->payment_amount; ?></td>
<?php else: ?>
<td style="white-space: nowrap"><?= $transaction->payment_amount; ?><?= get_currency_symbol($transaction->currency); ?></td>
<?php endif; ?>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="order-total float-right">
<div class="row mb-2">
<div class="col-6 col-left">
<?php echo trans("subtotal"); ?>
</div>
<div class="col-6 col-right">
<?php if (!empty($currency) && $currency->symbol_direction == "left"): ?>
<strong class="font-600"><?= get_currency_symbol($transaction->currency); ?><?= $transaction->payment_amount; ?></strong>
<?php else: ?>
<strong class="font-600"><?= $transaction->payment_amount; ?><?= get_currency_symbol($transaction->currency); ?></strong>
<?php endif; ?>
</div>
</div>
<div class="row mb-2">
<div class="col-6 col-left">
<?php echo trans("total"); ?>
</div>
<div class="col-6 col-right">
<?php if (!empty($currency) && $currency->symbol_direction == "left"): ?>
<strong class="font-600"><?= get_currency_symbol($transaction->currency); ?><?= $transaction->payment_amount; ?></strong>
<?php else: ?>
<strong class="font-600"><?= $transaction->payment_amount; ?><?= get_currency_symbol($transaction->currency); ?></strong>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
body {
font-size: 16px !important;
}
.logo img {
width: 160px;
height: auto;
}
.container-invoice {
max-width: 900px;
margin: 0 auto;
}
table {
border-bottom: 1px solid #dee2e6;
}
table th {
font-size: 14px;
white-space: nowrap;
}
.order-total {
width: 400px;
max-width: 100%;
float: right;
padding: 20px;
}
.order-total .col-left {
font-weight: 600;
}
.order-total .col-right {
text-align: right;
}
#btn_print {
min-width: 180px;
}
@media print {
.hidden-print {
display: none !important;
}
}
</style>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="margin-bottom: 100px;">
<div class="row">
<div class="col-12 text-center mt-3">
<button id="btn_print" class="btn btn-secondary btn-md hidden-print">
<svg id="i-print" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="margin-top: -4px;">
<path d="M7 25 L2 25 2 9 30 9 30 25 25 25 M7 19 L7 30 25 30 25 19 Z M25 9 L25 2 7 2 7 9 M22 14 L25 14"/>
</svg>
<?php echo trans("print"); ?></button>
</div>
</div>
</div>
<script src="<?php echo base_url(); ?>assets/js/jquery-3.5.1.min.js"></script>
<script>
$(document).on('click', '#btn_print', function () {
window.print();
});
</script>
</body>
</html>