@extends('elibrary.student.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>
                        <a class="bg-info" href="{{$document->getLink()}}" target="_blank"><i class="bx bx-download"></i>Download</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>Title:</th>
                                <td>{{$document->title}}</td>
                            </tr>
                            <tr>
                                <th>Type:</th>
                                <td>{!!getIcon($document->type)!!}</td>
                            </tr>
                            <tr>
                                <th>Url:</th>
                                <td><a href="{{$document->getLink()}}" target="_blank">{{$document->getLink()}}</a></td>
                            </tr>
                            <tr>
                                <th>Uploaded By: </th>
                                <td>{{ $document->author->name}}</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