{extends file='index.smarty'}
{block name='content'}
  <script>
    $(function () {
      {if $article && $article->disclaimer}
      {if !$user || !Model_UserNotification::get_notification($user->id, 'cme', $article->product_id)}
      $('#article-disclaimer-modal').modal('show');
      {/if}
      {/if}

      $('button#accept-disclaimer-button').click(function (event) {
        event.preventDefault();

        {if $user}
        var data = {
          'value': '1',
          'type': 'cme',
          'product_id': '{$article->product_id}'
        };
        $.post('{$base_url}{$route_prefix}json/users/record_notification', data, function (data) {
          window.location.reload(true);
        }).fail(xhrCommonErrorHandler);
        {else}
        $('#article-disclaimer-modal').modal('hide');
        {/if}
      });

      {if $article->disclaimer_required}
      {if !$user || !Model_UserNotification::get_notification($user->id, 'cme', $article->product_id)}
      $('#article-disclaimer-modal').on('hidden.bs.modal', function () {
        window.location = '{$base_url}{$route_prefix}login';
      });
      {/if}
      {/if}

      {if !isset($client->hide_credits) || ($client->hide_credits != 'true')}
      /*** CE Credits ***/
      {if $user}
      $(".ce-credits-button").click(function () {
        if ($(this).data("test_id")) {
          test.caller = $(this);
          test.usecredits = 1;
          test.display();
        } else {
          toastr.error("There is no exam attached to this article.");
        }
      });
      {/if}
      /*** END CE Credits ***/

      /*** CE INFO ***/
      $(".test-button").click(function () {
        if ($(this).data("test_id")) {
          test.caller = $(this);
          test.display();
        } else {
          toastr.error("There is no exam attached to this article.");
        }
      });

      $(".certificate-button").click(function () {
        if ($(this).data("test_id")) {
          window.open("{$base_url}{$route_prefix}serve_certificate/" + $(this).data("test_id"), "_blank", "width=730,height=800,top=0,left=0,titlebar=0,toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,status=0,fullscreen=0");
        } else {
          toastr.error("There is no certificate attached to this article.");
        }
      });
      /** END CE INFO **/
      {/if}

      /** COMMENTS **/
      {if !(isset($client->hide_comments) && ($client->hide_comments === 'true'))}
      {if !empty(Config::get('security.csrf_token_key'))}
      updateFormsSec('{Config::get('security.csrf_token_key')}', '{Security::fetch_token()}');
      {/if}

      $("#product-comments").on('click', '.comment-delete', function () {
        var button = $(this);
        $.ajax({
          type: 'GET',
          url: "{$base_url}{$route_prefix}json/comments/delete/" + button.data('comment-id'),
          dataType: 'json',
          beforeSend: function () {
            button.parent().slideUp(100, function () {
              $(this).remove();
            });
          }
        });
      });

      $("#product-comment-form").submit(function (event) {
        event.preventDefault();
        $("#form-error-alert").hide();
        var jsonData = {
          'comment_text': $("#product-comment-submit-text").val(),
          'product_id': "{$article->product_id}",
          '{Config::get('security.csrf_token_key')}': $("#{Config::get('security.csrf_token_key')}").val(),
        };

        if (jsonData.comment_text.length > 0) {
          $.ajax({
            type: 'POST',
            data: jsonData,
            url: "{$base_url}{$route_prefix}json/comments/add",
            dataType: 'json',
            beforeSend: function () {
              $("#product-comment-submit-button").prop('disabled', true);
            },
            success: function (data) {
              var comment_date = new Date(Date.parse(data.comment.created_at));
              var hours = comment_date.getHours();
              var modifier = (hours > 12 ? 'pm' : 'am');
              hours = hours % 12;
              var minutes = comment_date.getMinutes();
              minutes = (minutes < 10 ? "0" + minutes : minutes);

              $("#product-comments").prepend("<div class='product-comment col-xs-12 col-sm-8'>" +
                      "<button type='button' class='close comment-delete' data-comment-id='" + data.comment.id + "'>&times;</button>" +
                      "<h4>{if isset($user->metadata)}{$user->metadata->first_name|escape:'html'} {$user->metadata->last_name|escape:'html'}{/if}<br><small>" + hours + ":" + minutes + " " + modifier + "</small></h4>" +
                      "<p>" + data.comment.comment + "</p>");

              $('form#product-comment-form')[0].reset();
              $('textarea#product-comment-submit-text').val('');
              updateFormsSec('{Config::get('security.csrf_token_key')}', data['{Config::get('security.csrf_token_key')}']);
            },
            complete: function () {
              $("#product-comment-submit-button").prop('disabled', false);
            },
            error: function (jqXHR) {
              var returned = JSON.parse(jqXHR.responseText);
              $('#form-error').text(returned.msg).show();
              $('#{Config::get('security.csrf_token_key')}').val(returned.{Config::get('security.csrf_token_key')});
              $("#form-error-alert").fadeIn('slow');
            },
          });
        }
      });
      {/if}
      /** END COMMENTS **/
    });

    function updateFormsSec(k, v) {
      $('form#product-comment-form input').replaceWith($('<input>', {
        type: 'hidden',
        name: k,
        id: k,
        value: v
      }));
    }
  </script>
  <style>
    #article-nav-tabs .tab-content {
      margin-top: 15px;
      margin-bottom: 15px;
    }

    .article-file-link {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 5px;
    }

    div.product-tag-block h4 {
      margin-bottom: 8px;
    }

    div.product-tag-block .product-tag {
      margin-top: 5px;
      padding: 5px;
      display: inline-block;
      background-color: #f0f0f0;
      border-radius: 4px;
    }

    button#article-references-button {
      margin-bottom: 15px;
    }
  </style>
  <div class="container">
    <div class="row">
      {if $article->icon}
        <div class="col-xs-12 col-sm-2">
          <img class="img-responsive" src="{$img_path}{$library_path}product_icons/{$article->icon}"
               alt="{$article->name}" loading="lazy">
        </div>
      {/if}
      <div class="col-xs-12 {if $article->icon}col-sm-8{else}col-sm-10{/if}">
        <h4>
          {if isset($client->enable_favorites) && $client->enable_favorites === 'true'}
            <i class="far fa-star favorite" data-id="{$article->product_id}" aria-label="Favorite this item"
               title="Favorite"></i>
          {/if}
          {$article->name}
        </h4>
        <br />
        {if $article->identification && $article->display_identification}
          <strong>Identification:</strong>
          {$article->identification}
          <br>
        {/if}
        {foreach $article->options as $option}
          {if $option->key == 'issue' || $option->key == 'volume'}
            <strong>{$option->key|ucwords}:</strong>
            {$option->value}
            <br>
          {/if}
        {/foreach}
        {if $article->date ne '0000-00-00' && $article->display_publication_date && $article->display_publication_date == 1}
          <strong>Publication Date: </strong>
          {date("F j, Y",strtotime($article->date))}
          <br>
        {/if}
        {if $article->expiration_date ne '0000-00-00' && $article->display_expiration_date && $article->display_expiration_date == 1}
          <strong>Expiration Date: </strong>
          {date("F j, Y",strtotime($article->expiration_date))}
          <br>
        {/if}
        {if !isset($client->hide_credits) || ($client->hide_credits != 'true')}
          {if $article->test}
            <strong>Credits</strong>
            {if Model_User::test_completed($article->test->test_id)}
              <img src="{$images_path}green-check-mark-circle.png" loading="lazy">
            {elseif $article->test->getExpiration() != '0000-00-00 00:00:00'}
              <em>(Post Test and/or Evaluation Required)</em>
              <br />
              <em class="text-success">Available until {$article->test->getExpiration()|date_format:'%m/%d/%Y'}</em>
            {/if}
            <ul style="list-style: none;">
              {foreach $article->test->getCredits() as $credit}
                <li><strong>{$credit->credit_amount}</strong> - {$credit->display_name}</li>
                {foreachelse}
                <li>Credits: None available.</li>
              {/foreach}
            </ul>
          {/if}
        {/if}
        <br />
        {if $user && Model_UserOwn::check_ownership($user->id, $article->product_id) && count($article->product->files)}
          <h4>Files</h4>
          {foreach $article->product->files as $file}
            {if $file->type != 'mp4' && $file->active == 1}
              {if $file->type === 'mp3' && !empty($client->hide_mp3_button) && $client->hide_mp3_button === 'true'}{continue}{/if}
              <a class="session-file-link"
               href="{$base_url}{$route_prefix}files/download/{$file->type}/{$file->id}" target="_blank"
               rel="noopener">
              <strong><i class="fas {if $file->type == 'mp3'}fa-volume-up{elseif $file->type == 'pdf'}fa-file-pdf{else}fa-file{/if}"></i>
                {if $file->button_label}{$file->button_label}{else}Resource{/if} </strong></a>
            <br />
          {/if}
          {/foreach}
        {/if}
      </div>
      {if !$user || !Model_UserOwn::check_ownership($user->id, $article->product_id)}
        <div class='col-xs-12 col-sm-2'>
          {include file="blocks/product-price.smarty"}
          {call display_price_block product=$article->product prices=$article->product->prices}
        </div>
      {elseif $user && Model_UserOwn::check_ownership($user->id, $article->product_id) && count($article->ces)}
        {if !isset($client->hide_credits) || ($client->hide_credits != 'true')}
          {foreach $article->ces as $ce}
            {if $user && $ce->active && !Model_UserOwn::check_ownership($user->id, $ce->product_id)}
              <div class='col-xs-12 col-sm-2'>
                {include file="blocks/product-price.smarty"}
                {call display_price_block product=$ce->product prices=$ce->product->prices label=$ce->cart_button_label}
                {if $user && $user->ce_credits > '0.00'}
                  <button class="btn btn-client ce-credits-button" data-test_id="{$ce->test_id}">
                    {$ce->use_credit_button_label}
                  </button>
                {/if}
              </div>
            {/if}
          {/foreach}
        {/if}
      {/if}
    </div>
    <br />
    <div class="row">
      <div class="col-xs-12">
        <div id='article-nav-tabs'>
          <ul class='nav nav-tabs'>
            <li class='active'><a href='#article-tab-information' data-toggle='tab'>Overview</a></li>
            {if $user && Model_UserOwn::check_ownership($user->id,$article->product_id)}
              {if !empty($article->data)}
                <li><a href="#article-tab-body" data-toggle="tab">Article</a></li>
              {/if}
              {if $article->display_credits && (!isset($client->hide_credits) || ($client->hide_credits != 'true'))}
                <li><a href='#article-tab-ce' data-toggle="tab">{if !empty($client->ce_tab_text)}{$client->ce_tab_text}{else}CE Information{/if}</a></li>
              {/if}
            {/if}
            {if !(isset($client->hide_comments) && ($client->hide_comments === 'true'))}
              <li><a href="#article-tab-comments" data-toggle="tab">Comments</a></li>
            {/if}
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="article-tab-information">
              <div class="row">
                <div class="col-xs-12 col-sm-10">
                  {if $article->description|purify}
                    <h4>Description</h4>
                    <p>{$article->description|purify}</p>
                  {/if}
                  {if count($article->product->product_speakers)}
                    {foreach $article->product->product_speakers as $ps}
                      {if ($ps@first)}
                        {if (($ps.speaker_distinction == NULL) || ($ps.speaker_distinction.id == 0) || ($ps.speaker_distinction.name == ''))}
                          <h4>Author(s)</h4>
                          {assign var='distinction' value=''}
                        {else}
                          <h4>{$ps.speaker_distinction.name}(s)</h4>
                          {assign var='distinction' value=$ps.speaker_distinction.name}
                        {/if}
                        <ul>
                      {/if}
                      {if (!$ps@first)}
                        {if (($ps.speaker_distinction == NULL) || ($ps.speaker_distinction.id == 0)) && ($distinction != '')}
                          </ul>
                          <h4>Author(s):</h4>
                          {assign var='distinction' value=''}
                          <ul>
                        {/if}
                        {if (($ps.speaker_distinction != NULL) && ($ps.speaker_distinction.id != 0)) && ($ps.speaker_distinction.name != $distinction)}
                          </ul>
                          <h4>{$ps.speaker_distinction.name}(s)</h4>
                          {assign var='distinction' value=$ps.speaker_distinction.name}
                          <ul>
                        {/if}
                      {/if}
                      <li>
                        <a href="{$base_url}{$route_prefix}speakers/view/{$ps->speaker->id}">
                          {$ps->speaker->salutation} {$ps->speaker->first_name} {if !empty($ps->speaker->middle_name)}{$ps->speaker->middle_name|substr:0:1}. {/if}{$ps->speaker->last_name}{if $ps->speaker->credentials}, {$ps->speaker->credentials}{/if}
                        </a>{if $ps->speaker->title}, {$ps->speaker->title}{/if}{if $ps->speaker->company}, {if !empty($ps->speaker->url)}<a target="_blank" rel="noopener" href="{$ps->speaker->url}">{/if}{$ps->speaker->company}{if !empty($ps->speaker->url)}</a>{/if}{/if}
                      </li>
                    {/foreach}
                    </ul>
                  {/if}
                  {if count($article->product->disclosures)}
                    <h4>Disclosures</h4>
                    <ul>
                      {foreach $article->product->disclosures as $disclosure}
                        {if !empty($disclosure->disclosure|purify|strip_tags|trim)}<li>{$disclosure->disclosure|purify|strip_tags|trim}</li>{/if}
                      {/foreach}
                    </ul>
                  {/if}

                  {if count($article->product->tags)}
                    <div class="product-tag-block">
                      <h4>Tags</h4>
                      {foreach $article->product->tags as $tag}
                        <small class="product-tag">
                          <a href="{$base_url}{$route_prefix}search/tagged/{$tag->label|escape:url}">{$tag->label}</a>
                        </small>
                      {/foreach}
                    </div>
                  {/if}
                </div>

                <div class="col-xs-12 col-sm-2">
                  {if $article->references}
                    <button id="article-references-button" class="btn btn-client" data-toggle="modal" data-target="#article-references-modal">
                      View References
                    </button>
                  {/if}
                </div>
              </div>
            </div>
            <!-- overview-tab -->

            {if !empty($article->data) && $user && Model_UserOwn::check_ownership($user->id, $article->product_id)}
              <div class="tab-pane" id="article-tab-body">
                {if $article->navigation}
                  <div class="row">
                    <div class="col-xs-12">
                      <h4>Quick Navigation</h4>
                      <ul>
                        {foreach $quick_navigation as $nav}
                          <li><a href="#{$nav.link}"><strong>{$nav.name}</strong></a></li>
                        {/foreach}
                      </ul>
                    </div>
                  </div>
                  <hr />
                {/if}

                <div class="row">
                  <div class="col-xs-12">{$article->data|purify}</div>
                </div>
              </div>
            {/if}
            <!-- body-tab -->

            {if $article->display_credits && (!isset($client->hide_credits) || ($client->hide_credits != 'true'))}
              <div class="tab-pane" id="article-tab-ce">
                {if !count($article->ces)}
                  <div class="row">
                    <div class="col-xs-12">
                      <h4>Credits</h4>
                      {if $article->test && $article->test->test && ($article->test->test->expiration_date == '0000-00-00 00:00:00' || $article->test->test->expiration_date|strtotime > $smarty.now)}
                        <ul style="list-style: none;">
                          {foreach $article->test->getCredits() as $credit}
                            <li><strong>{$credit->credit_amount}</strong> - {$credit->display_name}</li>
                            {foreachelse}
                            <li>Credits: None available.</li>
                          {/foreach}
                        </ul>
                        {if $user && Model_UserOwn::check_ownership($user->id, $article->product_id)}
                          {if Model_User::test_completed($article->test->test_id)}
                            {if Model_User::hasCertificate($article->test->test_id)}
                              <button class="btn btn-client certificate-button" data-test_id="{$article->test->test_id}">
                                <i class="fas fa-print"></i> Print Certificate
                              </button>
                            {else}
                              <strong>Completed On:</strong>
                              <em>{Model_User::getTestAnswers($article->test->test_id)->completed_on}</em>
                            {/if}
                            {$displayAnswers = true}
                            {foreach $article->test->options as $option}
                              {if $option->key == 'hide_review_my_answers' && $option->value == 'true'}
                                {$displayAnswers = false}
                                {break}
                              {/if}
                            {/foreach}
                            {if $displayAnswers}
                              <br>
                              <a class="review-answers" href="" data-test_id="{$article->test->test_id}" data-review_answers="1">Review
                                Answers</a>
                            {/if}
                          {else}
                            <button class='btn btn-client test-button' data-product='{$article->product_id}' data-test_id="{$article->test->test_id}">
                              <i class="far fa-check-square"></i> Take Exam
                            </button>
                          {/if}
                        {/if}
                      {else}
                        Credits: None available.
                      {/if}
                    </div>
                  </div>
                {else}
                  <div class="row">
                    <div class="col-xs-12">
                      <h4>Credits Available</h4>
                      <br />
                      {foreach $article->ces as $ce}
                        {if $ce->active && $ce->test && $ce->test->test && $ce->test->test->expiration_date|strtotime > $smarty.now}
                          <div class="panel panel-default article-ce-panel">
                            <div class="panel-heading">
                              <span class="panel-sub-heading"><strong>{$ce->name}</strong></span>
                            </div>
                            <div class="panel-body" role="tabpanel"
                                 aria-labelledby="panel-heading-ce-{$ce->id}"
                                 aria-expanded="false">
                              {if $ce->display_credits && $ce->test}
                                <ul style="list-style: none;">
                                  {foreach $ce->test->getCredits() as $credit}
                                    <li><strong>{$credit->credit_amount}</strong> - {$credit->display_name} </li>
                                    {foreachelse}
                                    <li>Credits: None available.</li>
                                  {/foreach}
                                </ul>
                              {/if}
                              {$ce->description|purify}
                              {if $user && Model_UserOwn::check_ownership($user->id, $ce->product_id)}
                                {if Model_User::test_completed($ce->test_id)}
                                  {if Model_User::hasCertificate($ce->test_id)}
                                    <button class="btn btn-client certificate-button" data-test_id="{$ce->test_id}">
                                      <i class="fas fa-print"></i> {$ce->complete_text}
                                    </button>
                                  {else}
                                    <strong>Completed On:</strong>
                                    <em>{Model_User::getTestAnswers($ce->test_id)->completed_on}</em>
                                  {/if}
                                {else}
                                  {if !$ce->prerequisite || Model_User::test_completed($ce->prerequisite)}
                                    <button class="btn btn-client test-button" data-product="{$ce->product_id}" data-test_id="{$ce->test_id}">
                                      <i class="far fa-check-square"></i> {$ce->button_text}
                                    </button>
                                  {else}
                                    <button class="btn btn-danger" disabled>
                                      <i class="fas fa-ban"></i> Prerequisite Required
                                    </button>
                                  {/if}
                                {/if}
                              {else}
                                {include file="blocks/product-price.smarty"}
                                {call display_price_block product=$ce->product prices=$ce->product->prices label=$ce->cart_button_label}
                                {if $user && $user->ce_credits > '0.00'}
                                  <button class="btn btn-client ce-credits-button" data-test_id="{$ce->test_id}">
                                    {$ce->use_credit_button_label}
                                  </button>
                                {/if}
                              {/if}
                            </div>
                          </div>
                        {elseif $ce->test && $ce->test->test && $ce->test->test->expiration_date|strtotime < $smarty.now}
                          <span class="text-danger">Expired On: {$ce->test->test->expiration_date|date_format}</span>
                        {/if}
                        {foreachelse} Credits: None available.
                      {/foreach}
                    </div>
                  </div>
                {/if}
              </div>
              <!-- ce-tab -->
            {/if}

            {if !(isset($client->hide_comments) && ($client->hide_comments === 'true'))}
              <div class="tab-pane" id="article-tab-comments">
                <div class="row">
                  <div class="col-xs-12">
                    {if $user && Model_UserOwn::check_ownership($user->id, $article->product_id)}
                      <div class="alert alert-danger" id="form-error-alert" style="display:none;">
                        <div><h4>Error:</h4> There was a problem submitting your question. Please try again later.</div>
                        <div id="form-error" style="display:none;font-weight:bold;"></div>
                      </div>
                      <p>Please provide your feedback or comments for this
                        article.</p>
                      <form id='product-comment-form'>
                        <input name="dummy" id="dummy" type="hidden" value="" />
                        <div class='row'>
                          <div class="col-xs-12">
                            <textarea style="margin-bottom: 5px;" class="form-control" id='product-comment-submit-text' rows="3" placeholder="Leave a comment..."></textarea>
                          </div>
                          <div class="col-xs-12">
                            <button class='btn btn-default btn-client' id='product-comment-submit-button'>
                              Submit
                            </button>
                          </div>
                        </div>
                      </form>
                      <br />
                    {else}
                      <p>You must be logged in and own this product in order to post comments.</p>
                    {/if}
                    <div id='product-comments'>
                      {foreach $article->product->comments as $comment}
                        <div class='product-comment col-xs-12 col-sm-8'>
                          {if $user && ($comment->user_id == $user->id || $is_admin)}
                            <button type="button" class="close comment-delete"
                                    data-comment-id="{$comment->id}">&times;
                            </button>
                          {/if}
                          <h4>
                            {if isset($comment->user) && isset($comment->user->metadata)}
                              {$comment->user->metadata->first_name|escape:'html'} {$comment->user->metadata->last_name|escape:'html'}
                            {else}Anonymous{/if}
                            <br />
                            <small>{date("n/j/y g:i a",strtotime($comment->created_at))}</small>
                          </h4>
                          <p>{$comment->comment}</p>
                        </div>
                      {/foreach}
                    </div>
                  </div>
                </div>
              </div>
              <!-- comments-tab -->
            {/if}

          </div>
        </div>
      </div>
    </div>
  </div>

  {if $article->product->hasTest()}
      {include file='modals/evaluation.smarty'}
  {/if}

  <div class="modal" id="article-disclaimer-modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">{$article->disclaimer|purify}</div>
        <div class="modal-footer">
          <button data-dismiss="modal" class="btn btn-info" type="button">
            <i class="fas fa-times-circle"></i> Cancel
          </button>
          {if $user}
            <button id="accept-disclaimer-button" data-id="{$article->product_id}" class="btn btn-success">
              <i class="fas fa-check-circle"></i> Accept
            </button>
          {/if}
        </div>
      </div>
    </div>
  </div>
  <!-- Disclaimer modal -->
  <div class="modal" id="article-references-modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"
                  aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4>References</h4>
        </div>
        <div class="modal-body">{$article->references|purify}</div>
      </div>
    </div>
  </div>
  <!-- References Modal -->
{/block}