@extends('dashboard.layouts.master')

@section('judul')
{{$title}}
@endsection
@section('content')
@section('main_sidebar')
@include('dashboard.layouts.include_sidebar.sid_praindex')
@endsection

@if(\Auth::user()->role == 1)
<div class="row">
  <div class="col-md-12">
    <h4>{{$title}}</h4>
    <div class="box box-warning">
      <div class="box-header">
        <p>
          <button class="btn btn-sm btn-flat btn-warning btn-refresh"><i class="fa fa-refresh"></i> Refresh</button>

          <a href="{{ url('/info/create') }}" class="btn btn-sm btn-flat btn-success"><i class="fa fa-pencil-square-o"></i> Tambah baru</a>
        </p>
      </div>

      <!-- /.box-header -->
      <div class="box-body no-padding">
        <table class="table">
          <tbody><th>Waktu</th>
            <th>Judul</th>
            <th>Deskripsi</th>
            <th width="150px">Aksi</th>
            @foreach($data as $key => $d)
            <tr>
              <td>{{ $d->waktu }}</td>
              <td><a href="{{url('/info/read',array($d->id))}}" target="_blank">{{ $d->judul }}</a></td>
              <td>{!! $d->deskripsi !!}</td>
              <td>
                <div class="btn-group">
                  <a href="{{url('/info/read',array($d->id))}}" target="_blank" type="button" class="btn btn-primary btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Lihat">
                    <i class="fa fa-eye"></i>
                  </a>
                  <a href="{{url('/info/edit',array($d->id))}}" type="button" class="btn btn-warning btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Edit">
                    <i class="fa fa-pencil-square-o"></i>
                  </a>
                  <a href="{{url('/info/delete',array($d->id))}}" type="button" class="btn btn-danger btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Hapus" onclick="return confirm('Yakin, info ini mau dihapus?')">
                    <i class="fa fa-trash"></i>
                  </a>
                </div>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>

    </div>
  </div>
</div>
@endif
@endsection

@section('scripts')

<script type="text/javascript">
  $(document).ready(function(){

        // btn refresh
        $('.btn-refresh').click(function(e){
          e.preventDefault();
          $('.preloader').fadeIn();
          location.reload();
        })
        
      })
    </script>

    @endsection