@extends('dashboard.layouts.master')

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

<div class="row">
  <div class="col-md-12">
    <h4>{{$title}}</h4>
    @foreach($data as $dt)
    @endforeach
    <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="{{ route('prosedur-ppdb.edit',$dt->id) }}" class="btn btn-sm btn-flat btn-success"><i class="fa fa-pencil-square-o"></i> Edit Prosedur</a>
        </p>
      </div>
      <!-- /.box-header -->
      <div class="box-body no-padding">
        <!-- @if ($message = Session::get('sukses'))
        <div class="alert alert-success">
          <p>{{ $message }}</p>
        </div>
        @endif -->
        
        <div class="box-body no-padding">
          <div class="mailbox-read-info">
            <h3>{{$dt->judul}}</h3>
            <h5><b>Diupdate pada :</b>
              <span class="mailbox-read-time">{{ date('d F Y H:i:s',strtotime($dt->updated_at)) }}</span></h5>
            </div>
            <div class="mailbox-read-message">
              {!! $dt->deskripsi !!}
              <h4>Gambar pendukung</h4>
              <center><img src="{{ asset($dt->photo) }}" style="width: 50%"></center>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  @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