@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
    @foreach($documents as $document)
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-heading">{{ $document->name.' '.$document->period }}</div>

                <div class="panel-body">
                <iframe src="{{url('/storage/docs/'.$document->url)}}#toolbar=0" width="100%" height="500px"> 
                </iframe>   
                </div>
            </div>
        </div>
        @endforeach

        <div class="col-md-3">
        <div class="panel panel-default">
                <div class="panel-heading">Related</div>

                <div class="panel-body">
                  <ul>
                  @foreach($ten_before as $document)
                    <li>
                      <a href="{{ route('document', ['id' => $document->id]) }}">
                        {{$document->period}}
                      </a>
                    </li>
                  @endforeach
                  @foreach($ten_after as $document)
                    <li>
                      <a href="{{ route('document', ['id' => $document->id]) }}">
                        {{$document->period}}
                      </a>
                    </li>
                  @endforeach
                  </ul> 
                </div>
            </div>
        </div>
    </div>
</div>
@endsection