@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Recently added documents</div>

                <div class="panel-body">
                  @include('inc.messages')
                      <ul class="list-group">
                        @foreach($documents as $document)
                          <li class="list-group-item clearfix">
                            <a href="{{ route('document', ['id' => $document->id]) }}" target="_blank" style="position:absolute;top:30%">
                              {{$document->name}} 
                              <span class="label label-default">{{$document->period}}</span>
                            </a>
                                                        
                            <span class="pull-right button-group">

                            <i class="fa fa-times"></i>
                              <a style="color:red" href="{{ route('documents.destroy', ['id' => $document->id]) }}">
                                  <!-- delete -->
                                  <button type="button" class="delete-bookmark btn btn-danger btn-sm" name="button">
                                  <span class="glyphicon glyphicon-remove"></span> 
                                  Delete
                                </button>
                              </a>

                              
                            <!--  -->
                            </span>
                          </li>
                        @endforeach
                      </ul> 
                </div>
            </div>
        </div>
    </div>
</div>
@endsection