@extends('elibrary.staff.layouts.app')
@section('content')

    @include('elibrary.components.heading', ['title' => 'My Documents', 'url' => route('document.create')])

    @forelse($documents as $document)
        <div class="col-lg-3 col-md-6 col-sm-6 col-6">
            <div class="book-list text-center">
                <a href="{{route('document.show', $document->id)}}">

                    <div class="book-info">
                        <div class="">
                            {!!getIcon($document->type)!!}
                        </div>
                        <h3>{{$document->title}}</h3>
                         @if($document->status==1)
                            <span class="shadow-none badge badge-success">Active</span>
                        @else
                            <span class="shadow-none badge badge-danger">Inactive</span>
                        @endif
                    </div>
                </a>
            </div>
        </div>
    @empty
        <div class="col-md-12 mt-4 d-flex justify-content-center align-items-center" style="min-height: 70vh;">
            <div class="no-product text-center">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50" height="50"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a3.99 3.99 0 0 1 3 1.354A3.99 3.99 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8zm7-2V5h-5a2 2 0 0 0-2 2v12h7zm-9 0V7a2 2 0 0 0-2-2H4v14h7z"/></svg>
                <h3>No Documents found.</h3>
            </div>
        </div>
    @endforelse
@endsection