@extends('layouts.admin')

@section('content')

<div class="col-md-9 admincontent  justify-content-center">
        	<span style="float:right;"><a href="/admin/media/add">ADD</a></span><h3>Media Portal</h3>
            @forelse($medias as $media)
                <small style="float:right;">Created by: {{$media->uploadedBy->name}} {{$media->uploadedBy->surname}} - {{$media->date}} </small><h5>{{$media->heading}}</h5>
                <p>{!!nl2br($media->description)!!}<br/></p>
                
                <a href="/admin/media/publish/{{$media->id}}" style= "float:right;">
                    @if($media->visible)
                    <img src="/images/visibleIcon.png" width="30px">
                    @else
                    <img src="/images/invisibleIcon.png" width="30px">
                    @endif
                </a> <a href="/admin/media/delete/{{$media->id}}" style= "float:right;">
                    <img src="/images/deleteIcon.png" width="30px">
                </a><a href="/media/{{$media->id}}.zip" target="_new">Download press package</a> 
                <br/>
                <hr style="color:lightblue;background-color:lightblue;"/>
            @empty
            @endforelse
</div>
@endsection

@section('javascript')
<script>

	setTimeout(function() {
	    $('.alert').fadeOut('fast');
	}, 10000); // <-- time in milliseconds

</script>
@endsection