@extends('layouts.home_siswa')

@section('title')
    Riwayat Pengaduan
@endsection

@section('content')
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content w-100" id="kt_content">
            <div class="card mb-6">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table align-middle gs-0 gy-4">
                            <thead>
                            <tr class="fw-bolder text-muted bg-light">
                                <th class="ps-4 rounded-start w-30px">#</th>
                                <th>Pesan</th>
                                <th>Status</th>
                                <th class="text-end rounded-end"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @php($no = 1)
                            @foreach($list_pengaduan as $pengaduan)
                                <tr>
                                    <td class="text-end">{{ $no++ }}</td>
                                    <td>
                                        {{ $pengaduan->pesan }} <br>
                                        @if($pengaduan->jawaban != '')
                                            <b>Jawaban Admin</b> : {{ $pengaduan->jawaban }}
                                        @endif
                                    </td>
                                    <td>{{ $pengaduan->status ?? '' }}</td>
                                    <td class="text-nowrap text-end">
                                        <button onclick="delete_pengaduan({{ $pengaduan->id }})" class="btn btn-bg-danger btn-color-white btn-sm px-4">Delete</button>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let delete_pengaduan = (id) => {
            Swal.fire({
                title: 'Hapus Pengaduan ?',
                showDenyButton: true,
                confirmButtonText: 'Hapus',
                denyButtonText: 'Batal',
                confirmButtonColor: '#F46A6A',
                denyButtonColor: '#bdbdbd'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.post("{{ url('siswa/pengaduan') }}/" + id, {_method: 'delete', _token: '{{ csrf_token() }}'}, () => {
                        window.location.reload();
                    }).fail((xhr) => {
                        console.log(xhr.responseText);
                    });
                }
            });
        }

        @if(session()->has('error'))
            swal.fire('{{ session('error') }}');
        @endif
        @if(session()->has('success'))
        swal.fire('{{ session('success') }}');
        @endif
    </script>
@endpush