@extends('backend.home.index')
@push('title', $halaman->nama)
@push('header', $halaman->nama)
@push('tombol')
<a href="#tambah" class="btn btn-sm btn-primary tambah">
	Tambah  <i class="fa fa-plus-circle"></i>
</a>
@endpush
@section('content')

<!-- 
<table id="datatable" class="table table-border w-90">
    <tr>
        <td class="w-20"><img src="{{ URL::asset('backend/img/avatar/glass.png') }}" alt="..." class="img-thumbnail" width="100">
        <figcaption class="figure-caption"></figcaption>    
        <figcaption class="figure-caption"></figcaption>     
        
    </td>
        <td class="w-100">
        <div class="container height-100 d-flex align-items-left justify-content-left">
        <div class="form-floating w-100"> 
        <textarea class="form-control disabled" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px">
        
             
    </textarea> 
    </div>
</div>
        </td>    
    </tr>
		</table> 
-->
@foreach($backend as $backenditem)
<div class="card p-3 mt-2">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="user d-flex flex-row align-items-center"> <img src="{{ URL::asset('backend/img/avatar/glass.png') }}" width="75" class="user-img rounded-circle mr-2"> <span><small class="font-weight-bold text-primary">{{ $backenditem->user->username }}</small>  </span> </div> <small> dibuat pada <br/> {{ $backenditem->created_at->diffForHumans() }}</small>
                </div>
                
                <h5 class="fs-1"> &nbsp; &nbsp; {{ $backenditem->judul }} ?? </5>
                <p> {{ $backenditem->konten }}</p>
                <div class="action d-flex justify-content-between mt-2 align-items-center">
                    <div class="reply px-4">  <p><a href="{{ URL::asset( $halaman->kode .'/view')}}"><span><i class="fa fa-eye"></i></span> &nbsp; Lihat Detail</a></p>  </div>
                     <!-- <div class="icons align-items-center"> <i class="fa fa-eye"></i> </div> -->
                </div>
            </div>

@endforeach

@endsection
@push('js')
@include('backend.home.datatable-js')
<script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"> </script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> </script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
<script>
    $(document).ready(function(){
        var date_input=$('input[name="tanggal_sk"]'); //our date input has the name "date"
        var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
        date_input.datepicker({
            format: 'mm/dd/yyyy',
            container: container,
            todayHighlight: true,
            autoclose: true,
        })
    })
</script> -->
@endpush
@push('css')
@include('backend.home.datatable-css')
@endpush
