feat: tambah halaman kontak publik dan inbox pesan masuk di dashboard

2026-04-03 05:33:21 +07:00
parent 3339a45243
commit 396ecdb489
13 changed files with 318 additions and 3 deletions
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages;
+
+use App\Filament\Resources\ContactMessages\Pages\ListContactMessages;
+use App\Filament\Resources\ContactMessages\Pages\ViewContactMessage;
+use App\Models\ContactMessage;
+use Filament\Resources\Resource;
+use Filament\Schemas\Schema;
+use Filament\Tables\Table;
+use Filament\Actions\ViewAction;
+use Filament\Actions\BulkActionGroup;
+use Filament\Actions\DeleteBulkAction;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Filters\Filter;
+use Illuminate\Database\Eloquent\Builder;
+
+class ContactMessageResource extends Resource
+{
+    protected static ?string $model = ContactMessage::class;
+    protected static string|\BackedEnum|null $navigationIcon = 'heroicon-o-envelope';
+    protected static string|\UnitEnum|null $navigationGroup = 'Konten';
+    protected static ?string $modelLabel = 'Pesan Masuk';
+
+    public static function form(Schema $form): Schema
+    {
+        return $form->schema([]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                TextColumn::make('name')->label('Nama')->searchable(),
+                TextColumn::make('subject')->label('Subjek')->searchable()->limit(40),
+                TextColumn::make('email')->label('Email'),
+                TextColumn::make('phone')->label('Telepon')->default('-'),
+                TextColumn::make('read_at')->label('Dibaca')
+                    ->badge()
+                    ->state(fn ($record) => $record->read_at ? 'Sudah dibaca' : 'Belum dibaca')
+                    ->color(fn ($record) => $record->read_at ? 'success' : 'warning'),
+                TextColumn::make('created_at')->label('Diterima')->dateTime('d M Y H:i')->sortable(),
+            ])
+            ->defaultSort('created_at', 'desc')
+            ->recordActions([
+                ViewAction::make()
+                    ->after(fn ($record) => $record->read_at ?? $record->update(['read_at' => now()])),
+            ])
+            ->toolbarActions([BulkActionGroup::make([DeleteBulkAction::make()])]);
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => ListContactMessages::route('/'),
+            'view'  => ViewContactMessage::route('/{record}'),
+        ];
+    }
+}
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Pages;
+
+use App\Filament\Resources\ContactMessages\ContactMessageResource;
+use Filament\Resources\Pages\CreateRecord;
+
+class CreateContactMessage extends CreateRecord
+{
+    protected static string $resource = ContactMessageResource::class;
+}
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Pages;
+
+use App\Filament\Resources\ContactMessages\ContactMessageResource;
+use Filament\Actions\DeleteAction;
+use Filament\Resources\Pages\EditRecord;
+
+class EditContactMessage extends EditRecord
+{
+    protected static string $resource = ContactMessageResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            DeleteAction::make(),
+        ];
+    }
+}
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Pages;
+
+use App\Filament\Resources\ContactMessages\ContactMessageResource;
+use Filament\Actions\CreateAction;
+use Filament\Resources\Pages\ListRecords;
+
+class ListContactMessages extends ListRecords
+{
+    protected static string $resource = ContactMessageResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            CreateAction::make(),
+        ];
+    }
+}
@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Pages;
+
+use App\Filament\Resources\ContactMessages\ContactMessageResource;
+use Filament\Infolists\Components\TextEntry;
+use Filament\Resources\Pages\ViewRecord;
+use Filament\Schemas\Components\Section;
+use Filament\Schemas\Schema;
+
+class ViewContactMessage extends ViewRecord
+{
+    protected static string $resource = ContactMessageResource::class;
+
+    public function mount(int|string $record): void
+    {
+        parent::mount($record);
+        $this->record->read_at ?? $this->record->update(['read_at' => now()]);
+    }
+
+    public function infolist(Schema $infolist): Schema
+    {
+        return $infolist->schema([
+            Section::make('Informasi Pengirim')->schema([
+                TextEntry::make('name')->label('Nama'),
+                TextEntry::make('email')->label('Email')->default('-'),
+                TextEntry::make('phone')->label('Telepon')->default('-'),
+                TextEntry::make('created_at')->label('Dikirim')->dateTime('d M Y H:i'),
+            ])->columns(2),
+
+            Section::make('Pesan')->schema([
+                TextEntry::make('subject')->label('Subjek'),
+                TextEntry::make('message')->label('Isi Pesan')->columnSpanFull(),
+            ]),
+        ]);
+    }
+}
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Schemas;
+
+use Filament\Schemas\Schema;
+
+class ContactMessageForm
+{
+    public static function configure(Schema $schema): Schema
+    {
+        return $schema
+            ->components([
+                //
+            ]);
+    }
+}
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Filament\Resources\ContactMessages\Tables;
+
+use Filament\Actions\BulkActionGroup;
+use Filament\Actions\DeleteBulkAction;
+use Filament\Actions\EditAction;
+use Filament\Tables\Table;
+
+class ContactMessagesTable
+{
+    public static function configure(Table $table): Table
+    {
+        return $table
+            ->columns([
+                //
+            ])
+            ->filters([
+                //
+            ])
+            ->recordActions([
+                EditAction::make(),
+            ])
+            ->toolbarActions([
+                BulkActionGroup::make([
+                    DeleteBulkAction::make(),
+                ]),
+            ]);
+    }
+}
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;

 use App\Models\Activity;
+use App\Models\ContactMessage;
 use App\Models\Division;
 use App\Models\Post;
 use App\Models\User;
@@ -48,10 +49,23 @@ class PublicController extends Controller
        ]);
    }

-    public function blogDetail(Post $post)
+    public function kontak()
    {
-        abort_if(! $post->published_at || $post->published_at->isFuture(), 404);
+        return view('public.kontak');
+    }

-        return view('public.blog-detail', compact('post'));
+    public function kontakStore(\Illuminate\Http\Request $request)
+    {
+        $data = $request->validate([
+            'name'    => 'required|string|max:100',
+            'email'   => 'nullable|email|max:100',
+            'phone'   => 'nullable|string|max:20',
+            'subject' => 'required|string|max:150',
+            'message' => 'required|string|max:2000',
+        ]);
+
+        ContactMessage::create($data);
+
+        return back()->with('success', 'Pesan Anda berhasil dikirim. Kami akan segera menghubungi Anda.');
    }
 }
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class ContactMessage extends Model
+{
+    protected $fillable = ['name', 'email', 'phone', 'subject', 'message', 'read_at'];
+
+    protected $casts = ['read_at' => 'datetime'];
+}
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('contact_messages', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('email')->nullable();
+            $table->string('phone')->nullable();
+            $table->string('subject');
+            $table->text('message');
+            $table->timestamp('read_at')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('contact_messages');
+    }
+};
@@ -0,0 +1,68 @@
+@extends('public.layout')
+
+@section('title', 'Kontak')
+
+@section('content')
+
+<div class="max-w-2xl mx-auto">
+    <h1 class="text-3xl font-bold mb-2">Hubungi Kami</h1>
+    <p class="text-gray-500 mb-8">Kirimkan pesan, pertanyaan, atau saran kepada kami.</p>
+
+    @if(session('success'))
+    <div class="bg-green-50 border border-green-200 text-green-700 rounded-lg px-4 py-3 mb-6">
+        {{ session('success') }}
+    </div>
+    @endif
+
+    <div class="bg-white rounded-xl shadow p-8">
+        <form method="POST" action="{{ route('kontak.store') }}" class="space-y-5">
+            @csrf
+
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Nama <span class="text-red-500">*</span></label>
+                <input type="text" name="name" value="{{ old('name') }}" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-500 @error('name') border-red-400 @enderror">
+                @error('name')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
+            </div>
+
+            <div class="grid md:grid-cols-2 gap-4">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                    <input type="email" name="email" value="{{ old('email') }}"
+                        class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
+                    @error('email')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
+                </div>
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">No. Telepon</label>
+                    <input type="text" name="phone" value="{{ old('phone') }}"
+                        class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
+                </div>
+            </div>
+
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Subjek <span class="text-red-500">*</span></label>
+                <input type="text" name="subject" value="{{ old('subject') }}" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-500 @error('subject') border-red-400 @enderror">
+                @error('subject')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
+            </div>
+
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Pesan <span class="text-red-500">*</span></label>
+                <textarea name="message" rows="5" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-500 @error('message') border-red-400 @enderror">{{ old('message') }}</textarea>
+                @error('message')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
+            </div>
+
+            <button type="submit"
+                class="w-full bg-green-700 text-white font-semibold py-2.5 rounded-lg hover:bg-green-800 transition">
+                Kirim Pesan
+            </button>
+        </form>
+    </div>
+
+    <div class="mt-8 bg-white rounded-xl shadow p-6 text-sm text-gray-600 space-y-2">
+        <p>📍 Desa Karangdadap, Kecamatan Kalibagor, Kabupaten Banyumas</p>
+    </div>
+</div>
+
+@endsection
@@ -16,6 +16,7 @@
                <a href="{{ route('tentang') }}" class="hover:underline">Tentang</a>
                <a href="{{ route('kegiatan') }}" class="hover:underline">Kegiatan</a>
                <a href="{{ route('blog') }}" class="hover:underline">Blog</a>
+                <a href="{{ route('kontak') }}" class="hover:underline">Kontak</a>
                <a href="{{ route('filament.admin.auth.login') }}" class="bg-white text-green-700 px-3 py-1 rounded hover:bg-green-50">Login</a>
            </div>
        </div>
@@ -8,3 +8,5 @@ Route::get('/kegiatan', [\App\Http\Controllers\PublicController::class, 'kegiata
 Route::get('/kegiatan/{activity}', [\App\Http\Controllers\PublicController::class, 'kegiatanDetail'])->name('kegiatan.detail');
 Route::get('/blog', [\App\Http\Controllers\PublicController::class, 'blog'])->name('blog');
 Route::get('/blog/{post:slug}', [\App\Http\Controllers\PublicController::class, 'blogDetail'])->name('blog.detail');
+Route::get('/kontak', [\App\Http\Controllers\PublicController::class, 'kontak'])->name('kontak');
+Route::post('/kontak', [\App\Http\Controllers\PublicController::class, 'kontakStore'])->name('kontak.store');