@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')
<!-- <div class="container-fluid mt-100">
    <div class="row">
        @foreach($eoffice as $eofitem)
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header">
                    <div class="media flex-wrap w-100 align-items-center"> <img src="https://i.imgur.com/iNmBizf.jpg" class="d-block ui-w-40 rounded-circle" alt="">
                        <div class="media-body ml-3"> <a href="javascript:void(0)" data-abc="true">{{ $eofitem->user_id }}</a>
                            <div class="text-muted small">{{ $eofitem->created_at->diffForHumans() }} </div>
                        </div>
                        <div class="text-muted small ml-3">
                            <div>Member since <strong></strong></div>
                            <div><strong>134</strong> posts</div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                   <h3>{{ $eofitem->judul }}</h3>
            </div>
                <div class="card-footer d-flex flex-wrap justify-content-between align-items-center px-0 pt-0 pb-3">
                    <div class="px-4 pt-3"> <a href="javascript:void(0)" class="text-muted d-inline-flex align-items-center align-middle" data-abc="true"> <i class="fa fa-heart text-danger"></i>&nbsp; <span class="align-middle">445</span> </a> <span class="text-muted d-inline-flex align-items-center align-middle ml-4"> <i class="fa fa-eye text-muted fsize-3"></i>&nbsp; <span class="align-middle">14532</span> </span> </div>
                    <div class="px-4 pt-3"> <button type="button" class="btn btn-primary"><i class="ion ion-md-create"></i>&nbsp; Lihat Detail</button> </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div> -->
	
@foreach($laravel as $lavitem)
          <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">{!! $lavitem->id !!}</small>  </span> </div> <small> dibuat pada <br/> {!! $lavitem->created_at !!}</small>
                </div>
                
                <h5 class="fs-1"> &nbsp; &nbsp; {!! $lavitem->judul !!} ?? </5>
                
                <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
