@extends('layout') 
@section("main")
    <div class="row">
        <div class="col-sm-12" >
            <div class="bg-white p-3" id="mainContent">
                @if(Session::has('response'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{Session::get('message')}}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @elseif(Session::has('message'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{Session::get('message')}}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif 
                <button id="btnAdd" class="btn btn-primary mb-3">Tambah Data</button>
                <div class="table-responsive table-bordered">
                    <table class="table">
                        <thead>
                            <tr>
                                <th width=5>No.</th>
                                <th>Nomor Sertifikat</th>
                                <th>Nama Sertifikat</th>
                                <th>Kategori/Pelatihan</th>
                                <th>Lembaga</th>
                                <th>Bulk</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody>
                           @foreach ($sertifikat as $item)
                            <tr>
                                <td>{{$loop->iteration}}</td>
                                <td>{{$item->nomor_sertifikat}}</td>
                                <td>{{$item->nama_sertifikat}}</td>
                                <td>{{$item->kategori_sertifikat}}</td>
                                <td>{{$item->instansi_sertifikat}}</td>
                                <td>
                                    <a href="{{route('sertifikat.show.bulkdownload',['id' => $item->id])}}" class="btn btn-sm btn-warning w-100"><i class="fas fa-download"></i></a>
                                </td>
                                <td>
                                    <a href="{{route('sertifikat.show',$item->id)}}" class="btn btn-sm btn-primary mb-1"><i class="fas fa-eye"></i></a>
                                    <button onclick="return update({{$item->id}})" class="btn btn-sm btn-outline-primary mb-1"><i class="fas fa-pencil"></i></button>
                                    <button onclick="return confirmDel({{$item->id}})" class="btn btn-sm btn-outline-danger mb-1"><i class="fas fa-trash"></i></button>
                                </td>
                            </tr>
                           @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @include('sertifikat.create') 
        <div class="col-lg-8" id="editContent" style="display: none"></div>
        <div class="col-lg-8" id="delContent" style="display: none">
            <div class="bg-white p-3">
                <h4>Konfirmasi</h4>
                <p>Menghapus tidak dapat mengembalikan data. Yakin ingin menghapus data ini?</p>
                <form action="" method="POST" id="delForm">
                    <button class="btn btn-danger" type="submit">Ya, Hapus</button>
                    <button id="btnBack3" class="btn btn-secondary" type="button">Tidak</button>
                    <input type="hidden" id="sertifikatid">
                    @csrf @method("DELETE") 
                </form>
            </div>
        </div>
    </div>
@include('sertifikat.js') 
@endsection