@extends('layouts.master')

@section('title', 'Riwayat Pelaporan')

@section('breadcrumb')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1 class="m-0">Riwayat Pelaporan</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Riwayat Pelaporan</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <table id="table" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                            style="width: 100%;">
                            <thead>
                                <tr>
                                    <th width="30" class="text-center">No</th>
                                    @if ($role->id!=3 && $role->id!=4)
                                        <th>OPD</th>
                                    @endif
                                    <th>Periode</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($data as $item)
                                    <tr>
                                        <td>{{$loop->index+1}}</td>
                                        @if ($role->id!=3 && $role->id!=4)
                                            <td>{{$item->opd->nama_skpd}}</td>
                                        @endif
                                        <td>{{ Carbon\Carbon::parse($item->periode->tgl_awal)->format('d-m-Y'); }} <b>S/d</b>  {{ Carbon\Carbon::parse($item->periode->tgl_akhir)->format('d-m-Y'); }}</td>
                                        <td>
                                            <a  href="{{ route('evaluasi.pelaporanhistory.detail', $item->id) }}" class="btn btn-sm btn-info"><i class="fa fa-list"></i> Detail</a>
                                            <a href="{{route('report.nilaiEvaluasi', $item->id)}}" target="_blank" class="btn btn-sm btn-default"><i class="fa fa-print"></i> Cetak</a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('css')
    <style>

    </style>
@endsection

@section('js')
<script>
$('#table').DataTable({})
</script>

@endsection