<div class="modal fade" id="progressIndicatorDetailsModal" tabindex="-1" role="dialog" aria-labelledby="progressIndicatorModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <!-- <h4 class="modal-title">Default Modal</h4> -->
        <h5 class="modal-title text-center" id="progressIndicatorDetailsModalHeading">Progress Indicators</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="">
          <?php if ($showclient->onboarding_progress_stage !== null): ?>
          <ul class="to_do">            
            <?php $current_indicators = json_decode($showclient->onboarding_progress_stage, true); ?>
              @foreach($current_indicators as $key => $value)
                <?php 
                  $theCheck = ($value == "COMPLETED") ? "fa-check-circle green" : "fa-question red";
                 ?>
                <li>
                  <p>
                    <span class="fa {{ $theCheck }}"></span>
                     {{ $key }}
                  </p>
                </li>
              @endforeach
          </ul>
          <?php else: ?>
            @foreach($current_indicators as $indkey => $indival)
            <ul class="to_do"> 
            <li>
              <p>
                <span class="fa fa-question red"></span>
                 {{ $indkey }}
              </p>
            </li>
            </ul>
          @endforeach
          <?php endif ?>
        </div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
