@extends('layouts.admin.app')

@section('title','Inbox Pesan')

@section('content')
<h2 class="mb-4">Inbox Pesan</h2>

<form action="{{ route('admin.contact.bulkDelete') }}" 
    method="POST" 
    id="bulkDeleteForm">
@csrf
@method('DELETE')

<button type="submit"
class="btn btn-danger mt-3"
onclick="return confirm('Yakin ingin menghapus pesan terpilih?')">
Hapus Terpilih
</button>
<hr>
        <table id="datatable" class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th width="30">
                        <input type="checkbox" id="checkAll">
                    </th>
                    <th>Status</th>
                    <th>Nama</th>
                    <th>Email</th>
                    <th>Tanggal</th>
                    <th class="text-end">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($messages as $msg)
                <tr class="{{ !$msg->is_read ? 'fw-bold' : '' }}">
                    <td>
                        <input type="checkbox" name="ids[]" value="{{ $msg->id }}" class="row-check">
                    </td>
                    <td>
                        @if(!$msg->is_read)
                            <span class="badge bg-danger">New</span>
                        @elseif($msg->replied)
                            <span class="badge bg-success">Replied</span>
                        @else
                            <span class="badge bg-secondary">Read</span>
                        @endif
                    </td>

                    <td>{{ $msg->name }}</td>
                    <td>{{ $msg->email }}</td>
                    <td>
                        {{ $msg->created_at->format('d M Y H:i') }}
                    </td>
                    <td class="text-end">
                        <a href="{{ route('admin.contact.show', $msg->id) }}"
                        class="btn btn-sm btn-outline-primary">
                            Detail
                        </a>

                        <form action="{{ route('admin.contact.destroy', $msg->id) }}"
                            method="POST"
                            class="d-inline"
                            onsubmit="return confirm('Yakin ingin menghapus pesan ini?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-outline-danger">
                                Hapus
                            </button>
                        </form>
                    </td>

                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted py-4">
                        Tidak ada pesan masuk
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>

</form>

<script>
document.getElementById('checkAll').addEventListener('change', function () {
    document.querySelectorAll('.row-check').forEach(cb => {
        cb.checked = this.checked;
    });
});
</script>


@endsection