@extends('dashboard.layouts.master')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                </div>
                <div class="col-sm-2">
                    <a href="{{route('admin.events.create')}}" class="btn btn-block btn-primary">
                        Add
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="{{route('admin.agendas.index')}}" class="btn btn-block btn-secondary">
                        Events Agendas
                    </a>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Events</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>
                            Date
                        </th>
                        <th>
                            Time
                        </th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($items as $item)
                        <tr>
                            <th>{{$item->id}}</th>
                            <th>{{$item->title}}</th>
                            <th>{!! Str::limit($item->description, 100, ' ...') !!}</th>
                            <td>@if($item->image)<img src="{{asset('uploads/'.$item->image)}}" width="100px" height="100px" />@endif</td>
                            <th>{{$item->date}}</th>
                            <th>{{$item->time}}</th>
                            <td class="project-actions text-right">
                                <a class="btn btn-secondary btn-sm" href="{{route('admin.events.specific.create',$item->id)}}">
                                    <i class="fa fa-plus">
                                    </i>
                                    Agenda
                                </a>
                                <a class="btn btn-primary btn-sm" href="{{route('admin.events.show',$item->id)}}">
                                    <i class="fa fa-eye">
                                    </i>
                                    Show
                                </a>
                                <a class="btn btn-info btn-sm" href="{{route('admin.events.edit',$item->id)}}">
                                    <i class="fa fa-pencil">
                                    </i>
                                    Edit
                                </a>
                                    <a class="btn btn-danger btn-sm" href="{{route('admin.events.destroy',$item->id)}}">
                                        <i class="fa fa-trash">
                                        </i>
                                        Delete
                                    </a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                </div>
            </div>
        {{ $items->links() }}
        <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
@endsection