PNG
IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
File Manager
File Manager
Viewing File: checkout.php
<?php
session_start();
require 'db.php'; // 1. Connect to the database
// --- FETCH PAYMENT SETTINGS ---
// Initialize with defaults to prevent errors if DB is empty
$paySettings = [
'usdt_wallet' => 'Address Not Set',
'cashapp_tag' => 'Tag Not Set',
'zelle_email' => 'Email Not Set',
'zelle_name' => '',
'bank_name' => 'Bank Not Set',
'bank_account_name' => '',
'bank_account_number' => '',
'bank_sort_code' => ''
];
// If DB connection exists, fetch real settings
if(isset($pdo)) {
try {
$stmt = $pdo->query("SELECT * FROM payment_settings");
while ($row = $stmt->fetch()) {
$paySettings[$row['setting_key']] = $row['setting_value'];
}
} catch (Exception $e) {
// Fallback to defaults
}
}
// --- DATA PROCESSING ---
$cartItems = [];
$total = 0.00;
$currencySymbol = '£';
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['cart_data'])) {
$cartItems = json_decode($_POST['cart_data'], true);
$_SESSION['checkout_cart'] = $cartItems;
} elseif (isset($_SESSION['checkout_cart'])) {
$cartItems = $_SESSION['checkout_cart'];
}
// Retrieve Currency Symbol
if (isset($_POST['currency_symbol'])) {
$currencySymbol = htmlspecialchars($_POST['currency_symbol']);
$_SESSION['checkout_currency'] = $currencySymbol;
} elseif (isset($_SESSION['checkout_currency'])) {
$currencySymbol = $_SESSION['checkout_currency'];
}
foreach ($cartItems as $item) {
if (isset($item['amt'])) {
$total += (float)$item['amt'];
}
}
if (empty($cartItems)) {
header('Location: index.php');
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Secure Checkout - Global Relief Bridge</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* --- VARIABLES --- */
:root {
--primary: #007BFF;
--primary-dark: #0056b3;
--success-green: #28a745;
--bg-body: #f4f7f6;
--text-main: #2c3e50;
--radius: 16px;
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
body { background-color: var(--bg-body); color: var(--text-main); min-height: 100vh; padding: 40px 20px; }
/* --- LAYOUT GRID --- */
.checkout-wrapper {
display: grid;
grid-template-columns: 1fr 1.4fr;
max-width: 1100px;
margin: 0 auto;
background: white;
border-radius: var(--radius);
box-shadow: 0 20px 60px rgba(0,0,0,0.08);
overflow: hidden;
}
/* --- LEFT SIDE: VISUAL --- */
.visual-panel {
background: linear-gradient(135deg, rgba(0, 123, 255, 0.85) 0%, rgba(0, 86, 179, 0.9) 100%),
url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?q=80&w=800');
background-size: cover;
background-position: center;
color: white;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.back-btn {
color: white; text-decoration: none; font-weight: 600;
display: inline-flex; align-items: center; gap: 8px;
opacity: 0.8; transition: 0.3s;
}
.back-btn:hover { opacity: 1; transform: translateX(-5px); }
.trust-quote {
background: rgba(255,255,255,0.1);
backdrop-filter: blur(5px);
padding: 25px;
border-radius: 12px;
border-left: 4px solid #fff;
}
/* --- RIGHT SIDE: FORM --- */
.form-panel { padding: 50px; }
.checkout-header {
display: flex; justify-content: space-between; align-items: center;
margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee;
}
.secure-badge {
color: var(--success-green); background: #e8f5e9;
padding: 6px 12px; border-radius: 20px;
font-size: 0.85rem; font-weight: 700; display: flex; align-items: center; gap: 6px;
}
/* --- SUMMARY BOX --- */
.summary-box {
background: #f8f9fa; border: 1px solid #e9ecef;
padding: 20px; border-radius: 12px; margin-bottom: 30px;
display: flex; justify-content: space-between; align-items: center;
}
.total-amount { font-size: 1.8rem; font-weight: 800; color: var(--primary); }
/* --- INPUTS --- */
.form-group { margin-bottom: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 0.9rem; color: #555; }
input[type="text"], input[type="email"], textarea {
width: 100%; padding: 14px 18px;
border: 1px solid #e0e0e0; border-radius: 10px;
font-size: 1rem; transition: 0.3s; background: #fafafa;
}
input:focus, textarea:focus {
border-color: var(--primary); background: white;
box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.1); outline: none;
}
/* --- PREFS --- */
.contact-prefs-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 10px;
}
.pref-box {
border: 1px solid #ddd; border-radius: 10px; padding: 15px;
display: flex; flex-direction: column; align-items: center; text-align: center;
cursor: pointer; position: relative; transition: 0.3s;
}
.pref-box:hover { border-color: var(--primary); background: #f9fff9; }
.pref-box i { font-size: 1.5rem; color: var(--primary); margin-bottom: 10px; }
.pref-box span { font-size: 0.9rem; font-weight: 600; color: #555; }
.pref-checkbox { position: absolute; top: 10px; right: 10px; accent-color: var(--primary); cursor: pointer; }
.campaign-alert {
background-color: #3b5998; color: white; padding: 10px; text-align: center;
border-radius: 5px; font-size: 0.9rem; margin: 20px 0; font-weight: 600;
}
/* --- PAYMENT GRID --- */
.payment-methods { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 25px; }
.pm-option {
border: 2px solid #eee; border-radius: 12px; padding: 15px 5px;
cursor: pointer; text-align: center; font-size: 0.85rem; font-weight: 700; color: #555;
transition: 0.2s; background: white;
}
.pm-option:hover { border-color: var(--primary); transform: translateY(-2px); }
.pm-option.active { border-color: var(--primary); background: #f0f7ff; color: var(--primary); }
.pm-option i { display: block; font-size: 1.6rem; margin-bottom: 8px; color: #888; }
.pm-option.active i { color: var(--primary); }
/* --- DYNAMIC DETAILS --- */
.details-box { display: none; background: white; border: 1px solid #eee; padding: 25px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }
.details-box.active { display: block; animation: slideDown 0.3s ease; }
.copy-row {
background: #f4f7f6; padding: 12px; border-radius: 8px;
display: flex; justify-content: space-between; align-items: center;
font-family: monospace; font-size: 1.1rem; border: 1px solid #ddd;
}
.copy-btn { color: var(--primary); cursor: pointer; font-weight: bold; }
/* --- LOADER --- */
.loader-box { display: none; text-align: center; padding: 20px; }
.spinner { width: 30px; height: 30px; border: 3px solid #f3f3f3; border-top: 3px solid var(--primary); border-radius: 50%; margin: 0 auto 10px; animation: spin 0.8s linear infinite; }
/* --- UPLOAD --- */
.upload-area {
border: 2px dashed #cbd5e0; border-radius: 12px; padding: 25px;
text-align: center; cursor: pointer; transition: 0.3s;
}
.upload-area:hover { border-color: var(--primary); background: #f9fcff; }
/* --- BUTTON --- */
.btn-submit {
width: 100%; background: linear-gradient(135deg, #007BFF 0%, #0062cc 100%);
color: white; font-size: 1.1rem; font-weight: 700;
padding: 18px; border: none; border-radius: 50px;
cursor: pointer; box-shadow: 0 8px 20px rgba(0,123,255,0.3);
transition: 0.3s; margin-top: 20px;
}
.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,123,255,0.4); }
/* --- PROGRESS --- */
.progress-bar { display: flex; justify-content: space-between; margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px; }
.step { flex: 1; text-align: center; font-weight: bold; color: #ccc; font-size: 0.9rem; position: relative; }
.step.active { color: var(--primary); }
.step::after { content: ''; display: block; height: 4px; background: #eee; margin-top: 10px; border-radius: 2px; }
.step.active::after { background: var(--primary); }
@media (max-width: 900px) {
.checkout-wrapper { grid-template-columns: 1fr; }
.visual-panel { padding: 30px; min-height: 200px; }
.contact-prefs-grid { grid-template-columns: 1fr; }
.payment-methods { grid-template-columns: repeat(2, 1fr); }
body { padding: 10px; }
}
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
</style>
</head>
<body>
<div class="checkout-wrapper">
<div class="visual-panel">
<a href="index.php" class="back-btn"><i class="fas fa-arrow-left"></i> Return to Home</a>
<div style="margin-top: auto;">
<h2 style="font-size: 2.2rem; margin-bottom: 20px; line-height:1.2;">Your generosity<br>changes everything.</h2>
<div class="trust-quote">
<p style="font-style: italic; opacity: 0.95;">"Those who spend their wealth in charity day and night, secretly and publicly, receive their reward from their Lord."</p>
</div>
<div style="margin-top: 30px; display: flex; gap: 15px;">
<i class="fab fa-cc-stripe fa-2x" style="opacity:0.7;"></i>
<i class="fab fa-cc-visa fa-2x" style="opacity:0.7;"></i>
<i class="fab fa-cc-mastercard fa-2x" style="opacity:0.7;"></i>
</div>
</div>
</div>
<div class="form-panel">
<div class="checkout-header">
<h2 style="color: #333;">Complete Donation</h2>
<div class="secure-badge"><i class="fas fa-lock"></i> SSL Secure</div>
</div>
<div class="summary-box">
<div>
<small style="text-transform: uppercase; letter-spacing: 1px; color: #777;">Total Donation</small>
<div class="total-amount"><?php echo $currencySymbol . number_format($total, 2); ?></div>
</div>
<div style="text-align: right;">
<div style="font-weight: bold; color: #333;"><?php echo count($cartItems); ?> Appeal(s) Selected</div>
<a href="index.php" style="color: var(--primary); font-size: 0.85rem; text-decoration: none;">Edit Cart</a>
</div>
</div>
<form action="process_payment.php" method="POST" enctype="multipart/form-data">
<h4 style="margin-bottom: 15px; color: #444;">1. Your Details</h4>
<div class="form-row">
<div class="form-group">
<label>First Name</label>
<input type="text" name="first_name" placeholder="e.g. John" required>
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text" name="last_name" placeholder="e.g. Doe" required>
</div>
</div>
<div class="form-group">
<label>Email Address</label>
<input type="email" name="email" placeholder="name@example.com" required>
</div>
<h4 style="margin: 30px 0 15px; color: #444;">2. Additional Info</h4>
<div class="form-group">
<label>Order notes</label>
<textarea name="order_notes" placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
<div class="campaign-alert">
Your contributions are saving lives. Stay involved by keeping up to date with our campaigns.
</div>
<div class="contact-prefs-grid">
<label class="pref-box">
<input type="checkbox" name="pref_email" class="pref-checkbox">
<i class="far fa-envelope"></i>
<span>Email Updates</span>
</label>
<label class="pref-box">
<input type="checkbox" name="pref_phone" class="pref-checkbox">
<i class="fas fa-phone-alt"></i>
<span>Phone Contact</span>
</label>
<label class="pref-box">
<input type="checkbox" name="pref_post" class="pref-checkbox">
<i class="far fa-file-alt"></i>
<span>Contact me by post</span>
</label>
<label class="pref-box">
<input type="checkbox" name="pref_sms" class="pref-checkbox">
<i class="far fa-comment-dots"></i>
<span>Send me updates by SMS</span>
</label>
</div>
<h4 style="margin: 35px 0 15px; color: #444;">3. Select Payment Method</h4>
<div style="background:#fff3cd; color:#856404; padding:8px; border-radius:8px; margin-bottom:15px; font-weight:bold; text-align:center;">
<i class="fas fa-stopwatch"></i> Session expires in: <span id="time">30:00</span>
</div>
<div class="payment-methods">
<div class="pm-option" onclick="setPayment('stripe', this)">
<i class="far fa-credit-card"></i> Stripe
</div>
<div class="pm-option" onclick="setPayment('bank', this)">
<i class="fas fa-university"></i> Bank
</div>
<div class="pm-option" onclick="setPayment('usdt', this)">
<i class="fas fa-coins"></i> Crypto
</div>
<div class="pm-option" onclick="setPayment('zelle', this)">
<i class="fas fa-bolt"></i> Zelle
</div>
</div>
<input type="hidden" name="payment_method" id="selected_method" required>
<div id="loader-bank" class="loader-box">
<div class="spinner"></div>
<small style="color: #777;">Secure Connection...</small>
</div>
<div id="details-stripe" class="details-box">
<div style="text-align:center; padding:15px;">
<i class="fas fa-exclamation-circle" style="font-size:3rem; color:#ffc107; margin-bottom:15px;"></i>
<h5 style="color:#333; margin-bottom:10px;">Card System Updating</h5>
<p style="color:#666; font-size:0.95rem; margin-bottom:20px;">
We are currently upgrading our secure card processor. <br>
Please make a transfer to our official bank account below:
</p>
<div style="background:#f9f9f9; padding:15px; border-radius:10px; border:1px solid #eee; text-align:left;">
<p style="margin-bottom:5px;"><strong>Bank Name:</strong> <?php echo htmlspecialchars($paySettings['bank_name']); ?></p>
<p style="margin-bottom:5px;"><strong>Account Name:</strong> <?php echo htmlspecialchars($paySettings['bank_account_name']); ?></p>
<p style="margin-bottom:5px;"><strong>Account No:</strong> <?php echo htmlspecialchars($paySettings['bank_account_number']); ?></p>
<p style="margin-bottom:0;"><strong>Sort Code:</strong> <?php echo htmlspecialchars($paySettings['bank_sort_code']); ?></p>
</div>
</div>
</div>
<div id="details-bank" class="details-box">
<h5 style="margin-bottom: 15px; color: var(--primary);">Bank Transfer Details</h5>
<p style="margin-bottom: 5px;"><strong>Bank Name:</strong> <?php echo htmlspecialchars($paySettings['bank_name']); ?></p>
<p style="margin-bottom: 5px;"><strong>Account Name:</strong> <?php echo htmlspecialchars($paySettings['bank_account_name']); ?></p>
<p style="margin-bottom: 5px;"><strong>Account No:</strong> <?php echo htmlspecialchars($paySettings['bank_account_number']); ?></p>
<p style="margin-bottom: 5px;"><strong>Sort Code/Routing:</strong> <?php echo htmlspecialchars($paySettings['bank_sort_code']); ?></p>
<div style="background:#e3f2fd; padding:10px; border-radius:6px; margin-top:10px; font-size:0.9rem;">
<i class="fas fa-info-circle"></i> Use your name as the reference.
</div>
</div>
<div id="details-usdt" class="details-box">
<h5 style="margin-bottom: 15px; color: var(--success-green);">USDT (TRC20) Address</h5>
<div class="copy-row">
<span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><?php echo htmlspecialchars($paySettings['usdt_wallet']); ?></span>
<i class="far fa-copy copy-btn" onclick="copyText('<?php echo htmlspecialchars($paySettings['usdt_wallet']); ?>')"></i>
</div>
</div>
<div id="details-zelle" class="details-box">
<h5 style="margin-bottom: 15px; color: #6f00ff;">Zelle Details</h5>
<p><strong>Email:</strong> <?php echo htmlspecialchars($paySettings['zelle_email']); ?></p>
<p><strong>Registered Name:</strong> <?php echo htmlspecialchars($paySettings['zelle_name']); ?></p>
</div>
<h4 style="margin: 30px 0 15px; color: #444;">4. Confirm Payment</h4>
<div class="upload-area" onclick="document.getElementById('proof_file').click()">
<i class="fas fa-cloud-upload-alt" style="font-size: 2rem; color: #cbd5e0; margin-bottom: 10px;"></i>
<h5 style="margin-bottom: 5px;">Upload Payment Receipt</h5>
<p style="color: #999; font-size: 0.9rem;" id="file-label">Click here to browse files (JPG, PNG, PDF)</p>
<input type="file" name="payment_proof" id="proof_file" style="display: none;" onchange="updateFileLabel(this)">
</div>
<input type="hidden" name="final_total" value="<?php echo $total; ?>">
<input type="hidden" name="currency_code" value="<?php echo $currencySymbol; ?>">
<button type="submit" class="btn-submit">
Process Donation <i class="fas fa-heart" style="margin-left: 8px;"></i>
</button>
<p style="text-align: center; margin-top: 15px; font-size: 0.85rem; color: #999;">
<i class="fas fa-shield-alt"></i> Your data is processed securely.
</p>
<div class="progress-bar">
<div class="step active">Gift Aid</div>
<div class="step active">Your Details</div>
<div class="step active">Donate</div>
</div>
</form>
</div>
</div>
<?php include 'footer.php'; ?>
<script>
function setPayment(method, btn) {
// Reset active states
document.querySelectorAll('.pm-option').forEach(el => el.classList.remove('active'));
document.querySelectorAll('.details-box').forEach(el => el.classList.remove('active'));
document.getElementById('loader-bank').style.display = 'none';
// Set new active state
btn.classList.add('active');
document.getElementById('selected_method').value = method;
// Handle Logic
if(method === 'bank' || method === 'stripe') {
// Show fake security loader first
document.getElementById('loader-bank').style.display = 'block';
setTimeout(() => {
document.getElementById('loader-bank').style.display = 'none';
// Open specific box (stripe falls back to bank instruction inside its box)
document.getElementById('details-' + method).classList.add('active');
}, 1000);
} else {
// Show immediate for others
const target = document.getElementById('details-' + method);
if(target) target.classList.add('active');
}
}
function updateFileLabel(input) {
if (input.files && input.files[0]) {
document.getElementById('file-label').innerHTML =
'<span style="color:var(--success-green); font-weight:bold;"><i class="fas fa-check"></i> ' + input.files[0].name + '</span>';
document.querySelector('.upload-area').style.borderColor = 'var(--success-green)';
}
}
function copyText(text) {
navigator.clipboard.writeText(text).then(() => {
alert("Address copied to clipboard!");
});
}
</script>
</body>
</html>
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E IENT ; @x T.i%-X} SvS5.r/ UHz^_$-W" w)Ɗ/ @Z &IoX P$K} JzX:;` &, ŋui,e6mX
Եr Kb1ԗ) D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A ݀!I*]R;I2$eZ#ORZSrr 6mteffu*((Pu'v{ DIߔ4^pIm '77WEEE;vƎ 4- $]'RI{\I&G :IHJ
DWBB=\WRm
o$K(V 9 ABB.}jѢv `^?IOȅ} ڶmG }T#FJ`5 6$- ھ}FI&v;0(h; Б 38CӧOWf!; A
i:F _m9s&|q%=# wZprrrla
A & P\\СC[A#! { olF}
`E2} MK/vV )i{ 4BffV\|ۭX `b@kɶ@%i$K z5zhmX [IXZ ` 'b%$r5 M4º /l
ԃ ߖ xhʔ)[@=}
K6IM}^ 5k㏷݆z
ΗÿO:gdGBmyT/@+Vɶ纽zl.yit뭷zV 0[Y^>Wsqs}\/@$(T7f.Inݺi R$푔n.~?H))\Z RW'Mo~v
Ov6oԃ xz! S,&xm/yɞԟ?'uaSѽb, 8GלKboi&3 t7Y,)JJ c[nzӳdE&KsZLӄ I ?@ & %ӟ۶mSMMњ0 iؐSZ, |J+N
~,0A 0!5%Q-YQQa 3 }$_vVr f9f?S 8` z D A D A D A D A D A D A D A D A D A dqP,تmMmg 1V?rSI꒟]u|l
RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B)) q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU \~]fFnK?&ߡ5b=z9)^|u_k-[ y%ZNU6 7Mi:]ۦ tk[n
X(e6 Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M>
cQ^uiƞ??Ң pc# TUU3UakNwA`:Y_V-8.KKfRi tv*
9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR|
W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N >\;͗O֊:̗WJ@ Bh W=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn @Ȭ\S}ot}w=k HFnxg S 0eޢm~l}uqZfF oZuuEg
`zt~? b;t%>WTkķh[ 2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkD uʫuCs$)I v:IK; 6ֲ4{^6 եm+l 3>݆uM 9u ?>Zc }g~qhKwڭ e FMM~pМuqǿz6Tb@8 @Y|jx](^]gf}M"tG
-w.@ vOqh~/HII` S[l.6nØXL9vU cOoB\xoǤ'T&I ǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo꒟f9SzH?+shk%Fs:q VhqY `jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾mS]F z+EDxm/d{F{-W-4wY듏:??_gPf
^3ecg ҵs8R2מz@TA NGj)}CNi/R~}c:5{! ZHӋӾ6}T] G]7W6^n
9*,YqOZj :P?Q D FL|?-^.Ɵ7}fFhxe2Ps cz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣe Ӷu
:X-[(er4~LHi6:Ѻ@ԅr ST0 trk%$Č0 ez" *z " T/X9|8.C5Feg} C Q%͞ˣJvL/? j^ h & 9xF`њZ( & yF&Iݻfg #W;3^{Wo^4'v V[[K';+mӍִ] AC @ W?1^{එyh +^]fm~iԵ] AB @WTk̏t uR?l.OIHiYyԶ] Aˀ 7c:q}ힽaf6Z~қm(+sK4{^6}T *UUu]n.:kx{:2 _m=sAߤU@? Z-Vކе z왍Nэ{|5 pڶn b
p-@sPg]0G7fy-M{GCF'%{4` =$-Ge\ eU:m+Zt'WjO!OAF @ik&t݆ϥ_
e}=]" Wz_.͜E3leW Fih|t-wZۍ-uw=6 YN {6|} | *={Ѽn.S .z1z jۻTH]흾 D uDvmvK .` V]yY~sI@t?/ϓ. m&[ " +P?MzovVЫG3- G RR[(!!\_,^%?v@ ҵő
m`Y)tem8GM x.))A]Y i`ViW`?^~! S#^+ѽGZj?Vģ 0.))AlzL*]OXrY `DBBLOj{-MH'ii-ϰ ok7^
)쭡b]UXSְmռY|5 *cֽk0B7镹%ڽP# 8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q
\ @#qG 0" . 0" l ` . 0! , AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/d Q5x YkU]Rֽkق@ DaS^RSּ5|BeHNN͘p
HvcYcC5:y
#`οb; z2 .!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hs h_ ғߤc_њe c) g 7VIZ5 yrgk̞W#IjӪv>՞y睝M8[ |]\շ 8M 6%|@P ZڨI-m>=k= 'aiRo-x?>Q. }`Ȏ:Wsmu u >
.@,&;+!!˱tﭧD QwRW\vF\~Q7>sp Yw$%A~;~}6 ¾ g &if_=j,v+U L1(tW ake:@Ș>j$Gq2t7S?vL|]u/ .(0 E 6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4* }{0Z/ tNIɚpV ^# Lf:u@k#RSu
=S^ZyuR/.@n&z~B=0eg뺆#,Þ[ B/?H uUf7y
Wy}Bwegל`Wh(||`l`.;Ws?V@" c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@ B(0iհ bvP1{\P&G7DIy_$-Q jm~Yrr&]CDv%bh|Yzni _ R ;kg}nJOIIwy uL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5 @y°hL m;*5ezᕏ=ep
XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n
'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We; Zan(Ӈ W|e(HNNP5[=
r4tP
&0< pc# `vTNV
GFqvTi * Tyam$ߏWyE* VJKMTfFw >'$-ؽ.Ho.8c"@ D A D A D A D A D A D A D A D A D A~j*֘, N;Pi3599h=g oض L giJ5փy~}&Zd9 p֚
e:|hL``b/d9 p? fgg+%%hMg Xosج, ΩOl0Zh=x djL mhݻo O [g_l, 8a]٭+ӧ0 $I] c]:粹:Teꢢ"5a^Kgh,&= =՟ ^߶ߢE ܹS J}I%:8
IDAT~,9/ʃ PW'Mo }zNƍ쨓zPb NZ~^z=4mswg;5 Y~SVMR XUյڱRf?s:w
; 6H:º i 5 -maM &O3; 1IKeam Zh͛7+##v+c ~u~ca] GnF'ټL~ PPPbn
v oC 4R,ӟgg %hq} @#M4IÇ Oy^xM Zx
) yO w @HkN˖-Sǎ mb]X@n+i͖ !++K3gd\$mt$^ YfJ \8PRF )77Wא!Cl $i: @@_oG I{$# 8磌ŋ9 1A (Im7 ֭>}ߴJq7ޗt^ -[ԩSj*}%]&'
- ɓ'ꫯVzzvB#; a
7@GxI{jƌ.LÇWBB7 `O"I$ /@R @ eee@۷ >}0 ,ɒ2$53Xs|cS~r pTYYY} k Hc %&k.], @ A D A D A D A D A D A D A D A D A @lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G
R,_{ xˇ3 o߾;TTTd}馛]uuuG~iԩ@4 bnvmvfϞ /Peeeq}}z a
I~,誫{UWW뮻}_~YƍSMMMYχ ֝waw \ ď cxꩧtEƍկ_?۷5@u ?1kNׯWzz/wy>}zj3 k (ٺu q_Zvf̘:~ AB Q&r| ! %KҥKg Ԟ={<_X-z ! CyFUUz~ AB QIIIjݺW $ UXXDٳZ~ AB QƍecW $<(~<RSSvZujjjԧO ZQu@4 8m&&&jԩg $ ď 1h ͟?_{768@ g
=@ `)))5o6m 3 ) ѣƌJ;wҿUTT /KZR{~a=@ 0o<*狔iFɶ[ˎ ;T]] OX@ ?K.ۈxN p p p p p p p p p p p p p p p p pP fl߾] ,{ｧk۶mڿo5 BTӦMӴiӴ|r D B2e |An!D y'tkΝ[A $***t5'
" !駟oaD nΝ:t֭[gD ШQ0 6qD;@ x M6v( PiizmZ 4ew" @ ̴ixf [~-F ٱc&IZ 2|n!?$ @{[HTɏ #@h Ȏ I# _m (F /6Z3 z'\r, r!;w2Z3j=~G Y 7"I$i I. p_" ? p N` y D D ?: _ G ÿa b7 J ! Bx @0 Bo
cG @`1C [ @0G
@`0C _ u V1 aC X > W ` | `! < S `" <. `# c `? cA C 4
? c p# ~ @0 ?: 0 8& _ M Q1 J h# ? /` 7; I q 7 a w Q A 1 H p
! #< 8/# @1Ul7 =S=K.4Z?E _$i@ ! 1!E 4? ` P_ @B ă 1 0# : " aU,xb F Y1
[n |n
#' v EH:`x b
# v D 4 Y hi.i& EΖv# O H 4IŶ}:Ik h @tZRF # (tXҙzZ ? I3l7 q@õ|ۍ 1,GpuY Ꮿ@ hJv# x xk$
v# 9 5 }_$ c S#=+"K {F*m7`# %H:NRS p6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4 IENDB`