@extends('app')

@section('content')
 
    <div class = "row">
    
        <div class="col-md-12" id = "hilbit-archive-complete">
    
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">{{ ucfirst(trans('hilbit.archived')) }}</h3>         
                </div>
      
                <div class="panel-body">
                
                    @include('flash::message')
        
                    @include('partials.alert')
                        
                    <div class="panel panel-info"><div class="panel-heading">{{ ucfirst(trans('hilbit.archived_list')) }}</div></div>
            
                    <div id="archive-toolbar" class="small-bottom-padding"></div>
  
        
                      <!-- Bootstrap table component -->
                      <!-- data-toggle = "table" activates Bootstrap table -->
                      
                    <table data-toggle="table"
                             data-maintain-selected="true"
                             data-search="false"
                             data-advanced-search="false"
                             data-toolbar="#archive-toolbar"
                             id="tbl-archive"
                             data-undefined-text=""
                             data-id-field="id">
                            
                        <thead>
                            <tr>
                                <th data-field="code">Agreement</th>
                                <th data-field="status">Status</th>
                            </tr>
                        </thead>
                            
                        <tbody>
                            @foreach ($agreements as $agreement)
                            <tr>
                                <td>{{ $agreement->code }}</td>
                                <td>{{ $agreement->status->description }}</td>
                            </tr>
                            @endforeach
                        </thead>
                  
                    </table>
           
                </div>  <!-- End panel body -->       
            </div>      <!-- End panel -->
        </div>          <!-- End col-md-12 -->
    </div>              <!-- End Row -->
    
@stop