@extends('layouts.dashboard')
@section('content')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">Konten</h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">Konten</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            </button>
            {{$message}}
        </div>
        @elseif($message = Session::get('failed'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </button>
                {{$message}}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile ">
            <div class="m-portlet__body">

                <!--begin: Datatable -->
                <table class="table table-striped">
                    <tr>
                        <th>Header</th>
                        <th>text-slide 1</th>
                        <th>text-slide 2</th>
                        <th>text-slide 3</th>
                        <th>aksi</th>
                    </tr>
                    @foreach ($konten as $item)
                        <tr>
                        <td>{{substr($item->header_konten,0,50).'...'}}</td>
                        <td>{{substr($item->slider1,0,50).'...'}}</td>
                        <td>{{substr($item->slider2,0,50).'...'}}</td>
                        <td>{{substr($item->slider3,0,50).'...'}}</td>
                        <td><a href="{{route('konten.edit',['id'=>$item->id])}}" class="btn btn-sm btn-info">Edit</a></td>
                        </tr>
                    @endforeach
                </table>
                <!--end: Datatable -->
            </div>
        </div>
    </div>
 </div>
</div>
@endsection