@extends('dashboard.layouts.master')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
        </div>
    </section>
    <!-- /.content-header -->

    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Details</h3>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                <table class="table table-striped projects">
                    <thead>
                    <tr>
                        <th>
                            No
                        </th>
                        <th>
                            Title
                        </th>
                        <th>
                            Description
                        </th>
                        <th>
                            Image
                        </th>
                        <th>
                            Thumbnail
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th>{{$item->id}}</th>
                        <th>{{$item->title}}</th>
                        <th>{{ Str::limit($item->description, 200) }}
                        </th>
                        <td>@if($item->image)<img src="{{asset('uploads/'.$item->image)}}" width="100px" height="100px" />@endif</td>
                        <td>@if($item->thumbnail)<img src="{{asset('uploads/'.$item->thumbnail)}}" width="100px" height="100px" />@endif</td>
                    </tr>
                    </tbody>
                </table>
                </div>
            </div>

        <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
@endsection