@if($is_edit == 'false')
    <h5>{{ ucwords($jenis) }}</h5>
@endif
<table class="table table-nowrap mb-3 border-bottom">
    <tbody>
    @forelse($media as $key => $value)
    <tr>
        <td class="py-1 px-1 text-break">
            <p class="my-0" style="white-space: normal!important;"><i class="mdi mdi-file-document font-size-16 text-primary"></i> {{ $value->nama }}</p>
{{--            @if($terkirim == false)--}}
                <a target="_blank" href="{{ asset("download/media/$value->id") }}" class="btn btn-sm btn-light">Download</a>
{{--            @endif--}}
            @if(last(explode('.', $value->file)) == 'doc' || last(explode('.', $value->file)) == 'docx')
                <a target="_blank" href="{{ 'https://view.officeapps.live.com/op/embed.aspx?src=' . asset("assets/" . $value->file)  }}" class="btn btn-sm btn-light">Preview</a>
            @else
                <a target="_blank" href="{{ asset("assets/$value->file") }}" class="btn btn-sm btn-light">Preview</a>
            @endif
        </td>
        <td class="py-1 text-right">
            @if($is_edit == '1' || $is_verifikasi_final == '1')
                <div class="dropdown">
                    <a class="font-size-16 text-muted dropdown-toggle" role="button" data-toggle="dropdown">
                        <i class="mdi mdi-dots-horizontal"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a class="dropdown-item" href="javascript:void(0)" onclick="ubah_file({{ $value->id }}, '{{ $value->jenis != 'isi surat' ? $value->jenis : '' }}')">Ubah Nama</a>
                        <a class="dropdown-item" href="javascript:void(0)" onclick="hapus_file({{ $value->id }}, '{{ $value->jenis != 'isi surat' ? $value->jenis : '' }}')">Hapus File</a>
                    </div>
                </div>
            @endif
        </td>
    </tr>
    @empty
        <tr>
            <td class="text-center">- {{ ucwords($jenis) }} Kosong - </td>
        </tr>
    @endforelse
    </tbody>
</table>

@if($is_edit == '1' || $is_verifikasi_final == '1')
<div class="modal fade show" tabindex="-1" id="modal_info_media">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title mt-0">{{ ucwords($jenis) }}</h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="info_media"></div>
            </div>
        </div>
    </div>
</div>

<script>
    ubah_file = (id, jenis = '') => {
        $modal_info_media = $('#modal_info_media');
        $info_media = $('#info_media');
        let data = {_token: '{{ csrf_token() }}', id}
        $.post("{{ route('surat.media.info') }}", data, (result) => {
            $info_media.html(result);
            $modal_info_media.modal('show');
        }).fail((xhr) => {
            $info_media.html(xhr.responseText);
            $modal_info_media.modal('show');
        });
        $modal_info_media.on('hidden.bs.modal', function () {
            search_media_isi();
            if (jenis !== '') search_media(jenis);
        })
    }

    hapus_file = (id, jenis = '') => {
        Swal.fire({
            title: 'Anda yakin ?',
            text: "Anda akan menghapus data yg dipilih",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Hapus'
        }).then((result) => {
            if (result.value === true) {
                let data = {_token: '{{ csrf_token() }}', id}
                $.post("{{ route('surat.media.delete') }}", data, () => {
                    search_media_isi();
                    if (jenis !== '') search_media(jenis);
                }).fail((xhr) => {
                    console.log(xhr.responseText);
                });
            }
        })
    }
</script>
@endif