<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="mtop15 preview-top-wrapper">
<div class="row">
<div class="col-md-3">
<div class="mbot30">
<div class="contract-html-logo">
<?= get_dark_company_logo(); ?>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="top" data-sticky data-sticky-class="preview-sticky-header">
<div class="container preview-sticky-container">
<div class="sm:tw-flex sm:tw-justify-between -tw-mx-4">
<div class="sm:tw-self-end tw-inline-flex">
<h4 class="tw-my-0 tw-font-bold contract-html-subject">
<?= e($contract->subject); ?><br />
<small><?= e($contract->type_name); ?></small>
</h4>
<?php if (! ($contract->signed == 0 && $contract->marked_as_signed == 0)) { ?>
<span
class="label label-success -tw-mt-1 tw-self-start tw-ml-4 content-view-status contract-html-is-signed">
<?= _l('is_signed'); ?>
</span>
<?php } ?>
</div>
<div class="tw-flex tw-items-end tw-space-x-2 tw-mt-3 sm:tw-mt-0">
<?php if (is_client_logged_in() && has_contact_permission('contracts')) { ?>
<a href="<?= site_url('clients/contracts/'); ?>"
class="btn btn-default action-button go-to-portal">
<?= _l('client_go_to_dashboard'); ?>
</a>
<?php } ?>
<?= form_open($this->uri->uri_string()); ?>
<button type="submit" class="btn btn-default action-button contract-html-pdf">
<i class="fa-regular fa-file-pdf"></i>
<?= _l('clients_invoice_html_btn_download'); ?>
</button>
<?= form_hidden('action', 'contract_pdf'); ?>
<?= form_close(); ?>
<?php if ($contract->signed == 0 && $contract->marked_as_signed == 0) { ?>
<button type="submit" id="accept_action" class="btn btn-success action-button">
<i class="fa-solid fa-signature"></i>
<?= _l('e_signature_sign'); ?>
</button>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 contract-left">
<div class="panel_s tw-mt-6 sm:tw-mt-8">
<div class="panel-body tc-content contract-html-content">
<?= $contract->content; ?>
</div>
</div>
</div>
<div class="col-md-4 contract-right">
<div class="inner tw-mt-8 contract-html-tabs">
<ul class="nav nav-tabs nav-tabs-flat mbot15" role="tablist">
<li role="presentation" class="<?php if (! $this->input->get('tab') || $this->input->get('tab') === 'summary') {
echo 'active';
} ?>">
<a href="#summary" aria-controls="summary" role="tab" data-toggle="tab"
class="tw-flex tw-justify-center tw-space-x-1">
<i class="fa-regular fa-file-lines" aria-hidden="true"></i>
<span><?= _l('summary'); ?></span>
</a>
</li>
<li role="presentation" class="<?php if ($this->input->get('tab') === 'discussion') {
echo 'active';
} ?>">
<a href="#discussion" aria-controls="discussion" role="tab" data-toggle="tab"
class="tw-flex tw-justify-center tw-space-x-1">
<i class="fa-regular fa-comment" aria-hidden="true"></i>
<span>
<?= _l('discussion'); ?>
</span>
</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane<?php if (! $this->input->get('tab') || $this->input->get('tab') === 'summary') {
echo ' active';
} ?>" id="summary">
<address class="contract-html-company-info tw-text-normal">
<?= format_organization_info(); ?>
</address>
<div class="row mtop20">
<?php if ($contract->contract_value != 0) { ?>
<div class="col-md-12 contract-value">
<h4 class="bold tw-mb-3">
<?= _l('contract_value'); ?>:
<?= e(app_format_money($contract->contract_value, get_base_currency())); ?>
</h4>
</div>
<?php } ?>
<div class="tw-text-normal col-md-5 text-muted contract-number">
#
<?= _l('contract_number'); ?>
</div>
<div class="tw-text-normal col-md-7 contract-number tw-text-neutral-700">
<?= e($contract->id); ?>
</div>
<div class="tw-text-normal col-md-5 text-muted contract-start-date">
<?= _l('contract_start_date'); ?>
</div>
<div class="tw-text-normal col-md-7 contract-start-date tw-text-neutral-700">
<?= e(_d($contract->datestart)); ?>
</div>
<?php if (! empty($contract->dateend)) { ?>
<div class="tw-text-normal col-md-5 text-muted contract-end-date">
<?= _l('contract_end_date'); ?>
</div>
<div class="tw-text-normal col-md-7 contract-end-date tw-text-neutral-700">
<?= e(_d($contract->dateend)); ?>
</div>
<?php } ?>
<?php if (! empty($contract->type_name)) { ?>
<div class="tw-text-normal col-md-5 text-muted contract-type">
<?= _l('contract_type'); ?>
</div>
<div class="tw-text-normal col-md-7 contract-type tw-text-neutral-700">
<?= e($contract->type_name); ?>
</div>
<?php } ?>
<?php if ($contract->signed == 1) { ?>
<div class="tw-text-normal col-md-5 text-muted contract-type">
<?= _l('date_signed'); ?>
</div>
<div class="tw-text-normal col-md-7 contract-type tw-text-neutral-700">
<?= e(_dt($contract->acceptance_date)); ?>
</div>
<?php } ?>
</div>
<?php if (count($contract->attachments) > 0) { ?>
<div class="contract-attachments">
<div class="clearfix"></div>
<hr />
<p class="bold mbot15">
<?= _l('contract_files'); ?>
</p>
<?php foreach ($contract->attachments as $attachment) {
$attachment_url = site_url('download/file/contract/' . $attachment['attachment_key']);
if (! empty($attachment['external'])) {
$attachment_url = $attachment['external_link'];
} ?>
<div class="col-md-12 row mbot15">
<div class="pull-left"><i
class="<?= get_mime_class($attachment['filetype']); ?>"></i>
</div>
<a
href="<?= e($attachment_url); ?>"><?= e($attachment['file_name']); ?></a>
</div>
<?php
} ?>
</div>
<?php } ?>
<?php if ($contract->signed == 1) { ?>
<div class="row mtop20">
<div class="col-md-12 contract-value">
<h4 class="bold mbot30">
<?= _l('signature'); ?>
</h4>
</div>
<div class="col-md-5 text-muted contract-signed-by">
<?= _l('contract_signed_by'); ?>
</div>
<div class="col-md-7 contract-contract-signed-by">
<?= e("{$contract->acceptance_firstname} {$contract->acceptance_lastname}"); ?>
</div>
<div class="col-md-5 text-muted contract-signed-by">
<?= _l('contract_signed_date'); ?>
</div>
<div class="col-md-7 contract-contract-signed-by">
<?= e(_d(explode(' ', $contract->acceptance_date)[0])); ?>
</div>
<div class="col-md-5 text-muted contract-signed-by">
<?= _l('contract_signed_ip'); ?>
</div>
<div class="col-md-7 contract-contract-signed-by">
<?= e($contract->acceptance_ip); ?>
</div>
</div>
<?php } ?>
</div>
<div role="tabpanel" class="tab-pane<?php if ($this->input->get('tab') === 'discussion') {
echo ' active';
} ?>" id="discussion">
<?= form_open($this->uri->uri_string()); ?>
<div class="contract-comment">
<textarea name="content" rows="4" class="form-control"></textarea>
<button type="submit" class="btn btn-primary mtop10 pull-right"
data-loading-text="<?= _l('wait_text'); ?>"><?= _l('proposal_add_comment'); ?></button>
<?= form_hidden('action', 'contract_comment'); ?>
</div>
<?= form_close(); ?>
<div class="clearfix"></div>
<?php
$comment_html = '';
foreach ($comments as $comment) {
$comment_html .= '<div class="contract_comment mtop10 mbot20" data-commentid="' . $comment['id'] . '">';
if ($comment['staffid'] != 0) {
$comment_html .= staff_profile_image($comment['staffid'], [
'staff-profile-image-small',
'media-object img-circle pull-left mright10',
]);
}
$comment_html .= '<div class="media-body valign-middle">';
$comment_html .= '<div class="mtop5">';
$comment_html .= '<b>';
if ($comment['staffid'] != 0) {
$comment_html .= e(get_staff_full_name($comment['staffid']));
} else {
$comment_html .= _l('is_customer_indicator');
}
$comment_html .= '</b>';
$comment_html .= ' - <small class="mtop10 text-muted">' . e(time_ago($comment['dateadded'])) . '</small>';
$comment_html .= '</div>';
$comment_html .= '<br />';
$comment_html .= process_text_content_for_display($comment['content']) . '<br />';
$comment_html .= '</div>';
$comment_html .= '</div>';
}
echo $comment_html; ?>
</div>
</div>
</div>
</div>
</div>
<?php
get_template_part('identity_confirmation_form', ['formData' => form_hidden('action', 'sign_contract')]);
?>
<script>
$(function() {
new Sticky('[data-sticky]');
$(".contract-left table").wrap("<div class='table-responsive'></div>");
// Create lightbox for contract content images
$('.contract-html-content img').wrap(function() {
return '<a href="' + $(this).attr('src') + '" data-lightbox="contract"></a>';
});
})
</script>