 <div class="content-wrapper" class="modal-demo">
    <section class="content-header">
       <div class="container-fluid">
          <div class="row mb-2">
             <div class="col-sm-6">
                <h1 class="text-{{page.color}}">
                   <go-back/>
                   <i class="fas {{page.icon}}"></i> My Documents
                </h1>
             </div>
             <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                   <li class="breadcrumb-item"><a ng-href="{{baseurl}}/dashboard">Home</a></li>
                   <li class="breadcrumb-item">My Documents</li>
                </ol>
             </div>
          </div>
       </div>
    </section>
    <section class="content">
       <div class="row">
          <div class="col-12 col-md-12 col-lg-12">
             <div class="card card-outline card-success">
                <div class="card-body">
                   <h5>Hero Name : {{gUser.emp_first_name}} {{gUser.emp_last_name}} - ({{gUser.emp_code}})</h5>
                   <a class="btn bg-warning float-right" href="/heroes/heroesUploadFile/{{gUser.id}}"> Upload Documents</a>
                   <div class="table-responsive">
                      <table id="masterList" class="table table-bordered table-sm">
                         <thead>
                            <tr>
                               <th>Title</th>
                               <th>Description</th>
                               <th>File</th>
                               <th>Date</th>
                            </tr>
                         </thead>
                         <tbody>
                            <tr ng-repeat="dl in dataList" ng-if="dl.is_show">
                              <td><strong>{{dl.title|capitalize}}</strong></td>
                              <td><strong>{{dl.description}}</strong></td>
                              <td><strong><a href="{{baseurl}}/app/uploads/heroesFiles/{{dl.file_name}}" target="_blank"  >View Document</a> </strong></td>
                              <td>{{dl.created_at | datetz: 'll'}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </div>
                </div>
             </div>
          </div>
            <!--  -->
        </div>
    </section>
 </div>