@extends('admin.layout.admin-dash-layout2')
@section('title', 'Resource Material')

@section('content')
   
    
<div class="row">
  <div class="col-sm-12">
    <div class="card">
      <div class="card-header">
          <h4>Resource Material</h4>
      </div>
        <div class="card-body">
 
    <table class="table table-striped table-bodered table-hover datatable">
        <thead style="background-color: #ffad70">
          <tr>
            <th scope="col" >#</th>
            <th scope="col">Document</th>
            <th scope="col">Pdf</th>
            {{-- <th scope="col">Handle</th> --}}
          </tr>
        </thead>
        <tbody style="background-color: #ffe2ce">
         
          @foreach($category3 as $val) 
               
         <tr>
          <td>{{ $loop->iteration }}</td>
            <td>{{$val->document_title}}</td>
           <td>
            <a href="{{url('view', $val->id)}}" target="_blank"><i class="fa fa-file-pdf-o"  style="font-size:36px;color:red"></i></a>

            
            {{-- <a href="/admin/{{$val->image}}" target="_blank"  style="color: rgb(153, 51, 0)"><img src="/img/833px-PDF_file_icon.svg.png" width="40 px" height="40 px"></a></td> --}}
         
          </tr>
      @endforeach
        </tbody>

      </table> 
    </div>
    </div>
  </div>
</div>
</div>
@endsection
@section('javascript')
<script>
      $(document).ready( function () {
            $('.datatable').DataTable();
        } );
</script>
@endsection