@php 
    $autocontent = array('nomor_sertifikat','background','nama_peserta','kepesertaan_peserta');
@endphp 
@for ($i = 0; $i < $sertifikat->jumlah_halaman; $i++)
<div class="col-md-6">
    <table class="table table-bordered">
        <thead class="bg-dark text-white">
            <tr>
                <th colspan="3">Halaman {{$i+1}}</th>
            </tr>
            <tr>
                <th width=139>Nama Konten</th>
                <th>Isi</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td colspan="3">
                    <button class="btn btn-sm btn-primary" 
                    data-bs-toggle="modal" 
                    data-bs-target="#contentModal"
                    onclick="return updateInputPage({{$i+1}})"
                    >+ Tambah Konten</button>
                </td>
            </tr>
            @foreach ($contentsert as $item)
                @if($item->page_sertifikat == $i+1)
                    <tr>
                        <td>{{$item->nama_config}}</td>
                        <td>
                            @php 
                            if(in_array($item->nama_config,$autocontent)) {
                                if($item->nama_config == 'background') echo "<a target=_blank href='/import/certificate/$item->content_config'>$item->content_config</a>";
                                else echo "<i>Konten otomatis</i>";
                            }
                            if($item->tipe_config=='text'){
                                $itemconfig = json_decode($item->content_config,false);
                                if(!empty($itemconfig->Content)) echo $itemconfig->Content;
                            }
                            @endphp 
                        </td>
                        <td width=60>
                            <a href="#"
                            data-bs-toggle="modal" 
                            data-bs-target="#updateCfgModal" 
                            onclick="return updateCfgModal({{$sertifikat->id}},{{$item->idconfig}})" 
                            ><i class="fas fa-edit"></i></a>
                            <a href="#" 
                            data-bs-toggle="modal" 
                            data-bs-target="#delContentModal" 
                            onclick="return delModal({{$item->idconfig}})" 
                            data-texttag="{{$item->nama_config}}"
                            class="text-danger"><i class="fas fa-trash"></i></a>
                            
                        </td>
                    </tr>
                @endif
            @endforeach
        </tbody>
    </table>
</div>
@endfor

<!-- Modal Update Config-->
<div class="modal modal-lg" id="updateCfgModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Ubah Konten</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="w-100" id="editIframe">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" name="close" class="btn btn-secondary">Tutup</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal Delete Config-->
<div class="modal " id="delContentModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Konten</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="" id="delFormConfig" method="POST">
                <div class="modal-body">
                    <h6>Tidak dapat mengembalikan konten apabila dihapus.</h6>
                    {{-- Nama Konten: <span id="spanidconfig"></span><br/> --}}
                    <input type="hidden" id="idcontent" name="idconfig">
                </div>
                <div class="modal-footer">
                    @csrf @method('DELETE') 
                    <button type="submit" name="sbvalue" value="delcontent" class="btn btn-danger">Ya, hapus</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    function updateCfgModal(idsert,idconfig){
        $.ajax({
            type: "GET",
            data: {
                id:idconfig
            },
            url: "{{route('sertifikat.config.index')}}/"+idconfig+"/edit",
            beforeSend: function(){
                $("#editIframe").html("<i>Sedang mengambil data...</i>")
            },
            success: function(response)
            {
                $("#editIframe").empty()
                $("#editIframe").html(
                    '<iframe src="/portal/sertifikat/config/'+idconfig+'/edit" frameborder="0" width="100%" style="min-height: 800px"></iframe>'
                )
            }
        });
    }
    function delModal(id,text){
        var button = $(event.relatedTarget); // Button that triggered the modal
        var textTag = button.data('texttag'); // Extract info from data-* attributes
        $("#idcontent").val(id);
        $("#spanidconfig").html(textTag);
        $("#delFormConfig").attr('action','/portal/sertifikat/config/'+id);
    }
</script>