<?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">
                    <?php echo 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-semibold contract-html-subject">
                        <?php echo $contract->subject; ?><br />
                        <small><?php echo $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">
                        <?php echo _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="<?php echo site_url('clients/contracts/'); ?>"
                        class="btn btn-default action-button go-to-portal">
                        <?php echo _l('client_go_to_dashboard'); ?>
                    </a>
                    <?php } ?>
                    <?php echo 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>
                        <?php echo _l('clients_invoice_html_btn_download'); ?>
                    </button>
                    <?php echo form_hidden('action', 'contract_pdf'); ?>
                    <?php echo 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>
                        <?php echo _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">
                <?php echo $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><?php echo _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>
                            <?php echo _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">
                        <?php echo 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">
                                <?php echo _l('contract_value'); ?>:
                                <?php echo app_format_money($contract->contract_value, get_base_currency()); ?>
                            </h4>
                        </div>
                        <?php } ?>
                        <div class="tw-text-normal col-md-5 text-muted contract-number">
                            # <?php echo _l('contract_number'); ?>
                        </div>
                        <div class="tw-text-normal col-md-7 contract-number tw-text-neutral-700">
                            <?php echo $contract->id; ?>
                        </div>
                        <div class="tw-text-normal col-md-5 text-muted contract-start-date">
                            <?php echo _l('contract_start_date'); ?>
                        </div>
                        <div class="tw-text-normal col-md-7 contract-start-date tw-text-neutral-700">
                            <?php echo _d($contract->datestart); ?>
                        </div>
                        <?php if (!empty($contract->dateend)) { ?>
                        <div class="tw-text-normal col-md-5 text-muted contract-end-date">
                            <?php echo _l('contract_end_date'); ?>
                        </div>
                        <div class="tw-text-normal col-md-7 contract-end-date tw-text-neutral-700">
                            <?php echo _d($contract->dateend); ?>
                        </div>
                        <?php } ?>
                        <?php if (!empty($contract->type_name)) { ?>
                        <div class="tw-text-normal col-md-5 text-muted contract-type">
                            <?php echo _l('contract_type'); ?>
                        </div>
                        <div class="tw-text-normal col-md-7 contract-type tw-text-neutral-700">
                            <?php echo $contract->type_name; ?>
                        </div>
                        <?php } ?>
                        <?php if ($contract->signed == 1) { ?>
                        <div class="tw-text-normal col-md-5 text-muted contract-type">
                            <?php echo _l('date_signed'); ?>
                        </div>
                        <div class="tw-text-normal col-md-7 contract-type tw-text-neutral-700">
                            <?php echo _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"><?php echo _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="<?php echo get_mime_class($attachment['filetype']); ?>"></i></div>
                            <a href="<?php echo $attachment_url; ?>"><?php echo $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">
                                <?php echo _l('signature'); ?>
                            </h4>
                        </div>
                        <div class="col-md-5 text-muted contract-signed-by">
                            <?php echo _l('contract_signed_by'); ?>
                        </div>
                        <div class="col-md-7 contract-contract-signed-by">
                            <?php echo "{$contract->acceptance_firstname} {$contract->acceptance_lastname}"; ?>
                        </div>

                        <div class="col-md-5 text-muted contract-signed-by">
                            <?php echo _l('contract_signed_date'); ?>
                        </div>
                        <div class="col-md-7 contract-contract-signed-by">
                            <?php echo _d(explode(' ', $contract->acceptance_date)[0]); ?>
                        </div>

                        <div class="col-md-5 text-muted contract-signed-by">
                            <?php echo _l('contract_signed_ip'); ?>
                        </div>
                        <div class="col-md-7 contract-contract-signed-by">
                            <?php echo $contract->acceptance_ip; ?>
                        </div>
                    </div>
                    <?php } ?>
                </div>
                <div role="tabpanel" class="tab-pane<?php if ($this->input->get('tab') === 'discussion') {
        echo ' active';
    } ?>" id="discussion">
                    <?php echo 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="<?php echo _l('wait_text'); ?>"><?php echo _l('proposal_add_comment'); ?></button>
                        <?php echo form_hidden('action', 'contract_comment'); ?>
                    </div>
                    <?php echo 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 .= get_staff_full_name($comment['staffid']);
                      } else {
                          $comment_html .= _l('is_customer_indicator');
                      }
                      $comment_html .= '</b>';
                      $comment_html .= ' - <small class="mtop10 text-muted">' . time_ago($comment['dateadded']) . '</small>';
                      $comment_html .= '</div>';
                      $comment_html .= '<br />';
                      $comment_html .= check_for_links($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>