@extends('template.master')

@section('content')
@if(Session::has('error'))
        <div class="alert alert-success">{{Session::get('error')}}</div>
    @endif
<div class="card">
  <div class="card-header">
     <h4>Data Usul SOP Baru
     @if(Auth::check() )   
         <a href="{{ route('sopusul.create') }}" class="btn btn-primary" style="float: right">
         <i class="fa fa-plus"></i> Tambah Usulan SOP</a>
     </h4>
     @endif
  </div>
         
    <table class="table table-striped">
        <thead class="thead-light">
        <tr>
            <th>No</th>            
            <th>Unit Usul</th>
            <th>Usulan Judul SOP</th>
            <th>Pengusul SOP</th>
            <th>Alasan Pengajuan Usulan SOP</th>
            <th>Tanggal Usulan SOP</th>
            <th>Aksi</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($data_sopusul as $data)
        <tr>
            <td>{{ ++$no }}</td>            
            <td>{{ $data->unit_usul }}</td>
            <td>{{ $data->judul_sop_usul }}</td>
            
            <td>{{ $data->users->name }}</td>
            <td>{{ $data->alasan_sop_usul }}</td>
            <td>{{ $data->tgl_sop_usul->format('d/m/Y') }}</td>            
            <td>
            <form action="{{route('sopusul.destroy',['sopusul'=>$data->id ])}}" method="post">   
              <a href="dokumen/{{$data->dokumen}}" class="btn btn-success">
                <i class="fa fa-link"></i> Download</a>  
                @if(Auth::check() && Auth::user()->level =='admin')  
            
              @method('delete')  
              @csrf                
                <button type="submit" class="btn btn-danger" onClick="return confirm('Yakin mau dihapus?')" >
                <i class="fa fa-times"></i> Hapus</button>
              </form>
              @endif
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
    <div class="card-body">Jumlah SOP : {{$jumlah_sopusul}}</div>
    <div class="card-body">{{$data_sopusul->links()}}</div>
  </div>
  
</div>

@endsection