@extends('elibrary.staff.layouts.app')
@section('content')
    <section class="detail-section">
        <div class="container">
            <div class="row">
{{--                <div class="col-md-3">--}}
{{--                    <div class="detail-image">--}}
{{--                        <img src="img/1.jpg" class="w-100" alt="">--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="col-md-12">
                    <div class="head-detail">
                        <h2>{{$document->title}}</h2>
                        <p>{{$document->type}}</p>
{{--                        <a href="#">Read More</a>--}}
                        <a href="{{$document->doc}}" target="_blank">Download Now</a>
                        <a href="{{route('document.create')}}">Add Document</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="detail-info">
                        <h3>Detail Information</h3>
                        <table class="table table-bordered">
                            <tbody>
{{--                            <tr>--}}
{{--                                <th>Image:</th>--}}
{{--                                <td>--}}
{{--                                    <img src="{{isset($document) ? $document->media[0]->getFullUrl() :''}}" width="150px" height="150px"/>--}}
{{--                                </td>--}}
{{--                            </tr>--}}
                            <tr>
                                <th>Title:</th>
                                <td>{{$document->title}}</td>
                            </tr>
                            <tr>
                                <th>Type:</th>
                                <td>{!!getIcon($document->type)!!}</td>
                            </tr>
                            <tr>
                                <th>Status:</th>
                                <td>
                                    @if($document->status==1)
                                        <span class="shadow-none badge badge-success">Active</span>
                                    @else
                                        <span class="shadow-none badge badge-danger">Inactive</span>
                                    @endif
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection