From ff000fb2d5f855fde215d170f0db0e9c6b0a8d83 Mon Sep 17 00:00:00 2001
From: MadHowl <madhowl@yandex.ru>
Date: Fri, 27 Mar 2026 16:01:40 +1000
Subject: [PATCH] refactoring to blade components

---
 resources/views/components/alert.blade.php    | 11 +++++
 .../views/components/empty-state.blade.php    |  5 +++
 .../views/components/form/button.blade.php    | 12 ++++++
 .../views/components/form/input.blade.php     | 22 ++++++++++
 .../views/components/form/select.blade.php    | 27 ++++++++++++
 .../views/components/form/textarea.blade.php  | 21 ++++++++++
 .../views/components/post-card.blade.php      | 33 +++++++++++++++
 resources/views/home.blade.php                | 41 +++----------------
 resources/views/posts/create.blade.php        | 27 ++----------
 resources/views/posts/edit.blade.php          | 27 ++----------
 10 files changed, 145 insertions(+), 81 deletions(-)
 create mode 100644 resources/views/components/alert.blade.php
 create mode 100644 resources/views/components/empty-state.blade.php
 create mode 100644 resources/views/components/form/button.blade.php
 create mode 100644 resources/views/components/form/input.blade.php
 create mode 100644 resources/views/components/form/select.blade.php
 create mode 100644 resources/views/components/form/textarea.blade.php
 create mode 100644 resources/views/components/post-card.blade.php

diff --git a/resources/views/components/alert.blade.php b/resources/views/components/alert.blade.php
new file mode 100644
index 0000000..f56ffe2
--- /dev/null
+++ b/resources/views/components/alert.blade.php
@@ -0,0 +1,11 @@
+@props([
+    'type' => 'info',
+    'message' => '',
+])
+
+@if($message)
+    <div class="alert alert-{{ $type }} alert-dismissible fade show" role="alert">
+        {{ $message }}
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    </div>
+@endif
diff --git a/resources/views/components/empty-state.blade.php b/resources/views/components/empty-state.blade.php
new file mode 100644
index 0000000..5ea70bf
--- /dev/null
+++ b/resources/views/components/empty-state.blade.php
@@ -0,0 +1,5 @@
+@props([
+    'message' => 'No items found.',
+])
+
+<p class="text-muted text-center py-3">{{ $message }}</p>
diff --git a/resources/views/components/form/button.blade.php b/resources/views/components/form/button.blade.php
new file mode 100644
index 0000000..703ad31
--- /dev/null
+++ b/resources/views/components/form/button.blade.php
@@ -0,0 +1,12 @@
+@props([
+    'type' => 'submit',
+    'variant' => 'primary',
+    'label',
+    'href' => null,
+])
+
+@if($href)
+    <a href="{{ $href }}" class="btn btn-{{ $variant }}">{{ $label }}</a>
+@else
+    <button type="{{ $type }}" class="btn btn-{{ $variant }}">{{ $label }}</button>
+@endif
diff --git a/resources/views/components/form/input.blade.php b/resources/views/components/form/input.blade.php
new file mode 100644
index 0000000..d0107ae
--- /dev/null
+++ b/resources/views/components/form/input.blade.php
@@ -0,0 +1,22 @@
+@props([
+    'name',
+    'label',
+    'type' => 'text',
+    'value' => null,
+    'required' => false,
+])
+
+<div class="mb-3">
+    <label for="{{ $name }}" class="form-label">{{ $label }}</label>
+    <input type="{{ $type }}" 
+           class="form-control @error($name) is-invalid @enderror"
+           id="{{ $name }}" 
+           name="{{ $name }}" 
+           value="{{ old($name, $value) }}"
+           {{ $required ? 'required' : '' }}>
+    @error($name)
+        <span class="invalid-feedback" role="alert">
+            <strong>{{ $message }}</strong>
+        </span>
+    @enderror
+</div>
diff --git a/resources/views/components/form/select.blade.php b/resources/views/components/form/select.blade.php
new file mode 100644
index 0000000..b588d36
--- /dev/null
+++ b/resources/views/components/form/select.blade.php
@@ -0,0 +1,27 @@
+@props([
+    'name',
+    'label',
+    'options' => [],
+    'selected' => null,
+    'required' => false,
+])
+
+<div class="mb-3">
+    <label for="{{ $name }}" class="form-label">{{ $label }}</label>
+    <select class="form-select @error($name) is-invalid @enderror"
+            id="{{ $name }}" 
+            name="{{ $name }}"
+            {{ $required ? 'required' : '' }}>
+        <option value="">-- Select --</option>
+        @foreach($options as $value => $labelOption)
+            <option value="{{ $value }}" {{ old($name, $selected) == $value ? 'selected' : '' }}>
+                {{ $labelOption }}
+            </option>
+        @endforeach
+    </select>
+    @error($name)
+        <span class="invalid-feedback" role="alert">
+            <strong>{{ $message }}</strong>
+        </span>
+    @enderror
+</div>
diff --git a/resources/views/components/form/textarea.blade.php b/resources/views/components/form/textarea.blade.php
new file mode 100644
index 0000000..ef0e108
--- /dev/null
+++ b/resources/views/components/form/textarea.blade.php
@@ -0,0 +1,21 @@
+@props([
+    'name',
+    'label',
+    'value' => null,
+    'rows' => 5,
+    'required' => false,
+])
+
+<div class="mb-3">
+    <label for="{{ $name }}" class="form-label">{{ $label }}</label>
+    <textarea class="form-control @error($name) is-invalid @enderror"
+              id="{{ $name }}" 
+              name="{{ $name }}" 
+              rows="{{ $rows }}"
+              {{ $required ? 'required' : '' }}>{{ old($name, $value) }}</textarea>
+    @error($name)
+        <span class="invalid-feedback" role="alert">
+            <strong>{{ $message }}</strong>
+        </span>
+    @enderror
+</div>
diff --git a/resources/views/components/post-card.blade.php b/resources/views/components/post-card.blade.php
new file mode 100644
index 0000000..960bab2
--- /dev/null
+++ b/resources/views/components/post-card.blade.php
@@ -0,0 +1,33 @@
+@props([
+    'post',
+    'showActions' => true,
+])
+
+<div class="list-group-item">
+    <h5 class="mb-1">
+        <a href="{{ route('posts.show', $post) }}" class="text-decoration-none">
+            {{ $post->title }}
+        </a>
+        @if($post->user_id !== auth()->id())
+            <span class="badge bg-secondary">автор: {{ $post->user->name }}</span>
+        @endif
+    </h5>
+    <p class="mb-1">{{ Str::limit($post->content, 100) }}</p>
+    <small class="text-muted">{{ $post->created_at->diffForHumans() }}</small>
+
+    @if($showActions)
+        <div class="float-end">
+            @can('update-post', $post)
+                <a href="{{ route('posts.edit', $post) }}" class="btn btn-sm btn-primary">Edit</a>
+            @endcan
+            @can('delete-post', $post)
+                <form action="{{ route('posts.destroy', $post) }}" method="POST" class="d-inline">
+                    @csrf
+                    @method('DELETE')
+                    <button type="submit" class="btn btn-sm btn-danger"
+                            onclick="return confirm('Are you sure you want to delete this post?')">Delete</button>
+                </form>
+            @endcan
+        </div>
+    @endif
+</div>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 3385e0d..9ac3208 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -5,49 +5,20 @@
         <div class="row justify-content-center">
             <div class="col-md-8">
                 <div class="card">
-                    <div class="card-header">
-                        Posts
+                    <div class="card-header d-flex justify-content-between align-items-center">
+                        <span>Posts</span>
                         @can('create-post')
-                            <a href="{{ route('posts.create') }}" class="btn btn-primary float-end">Create New Post</a>
+                            <a href="{{ route('posts.create') }}" class="btn btn-primary">Create New Post</a>
                         @endcan
                     </div>
 
                     <div class="card-body">
-                        @if(session('success'))
-                            <div class="alert alert-success">
-                                {{ session('success') }}
-                            </div>
-                        @endif
+                        <x-alert type="success" :message="session('success')" />
 
                         @if($posts->count() > 0)
                             <div class="list-group">
                                 @foreach($posts as $post)
-                                    <div class="list-group-item">
-                                        <h5 class="mb-1">
-                                            <a href="{{ route('posts.show', $post) }}" class="text-decoration-none">
-                                                {{ $post->title }}
-                                            </a>
-                                            @if($post->user_id !== auth()->id())
-                                                <span class="badge bg-secondary">автор: {{ $post->user->name }}</span>
-                                            @endif
-                                        </h5>
-                                        <p class="mb-1">{{ Str::limit($post->content, 100) }}</p>
-                                        <small class="text-muted">{{ $post->created_at->diffForHumans() }}</small>
-
-                                        <div class="float-end">
-                                            @can('update-post', $post)
-                                                <a href="{{ route('posts.edit', $post) }}" class="btn btn-sm btn-primary">Edit</a>
-                                            @endcan
-                                            @can('delete-post', $post)
-                                                <form action="{{ route('posts.destroy', $post) }}" method="POST" class="d-inline">
-                                                    @csrf
-                                                    @method('DELETE')
-                                                    <button type="submit" class="btn btn-sm btn-danger"
-                                                            onclick="return confirm('Are you sure you want to delete this post?')">Delete</button>
-                                                </form>
-                                            @endcan
-                                        </div>
-                                    </div>
+                                    <x-post-card :post="$post" />
                                 @endforeach
                             </div>
 
@@ -55,7 +26,7 @@
                                 {{ $posts->links() }}
                             </div>
                         @else
-                            <p class="text-muted">No posts found.</p>
+                            <x-empty-state message="No posts found." />
                         @endif
                     </div>
                 </div>
diff --git a/resources/views/posts/create.blade.php b/resources/views/posts/create.blade.php
index c165d83..e63529f 100644
--- a/resources/views/posts/create.blade.php
+++ b/resources/views/posts/create.blade.php
@@ -11,30 +11,11 @@
                         <form method="POST" action="{{ route('posts.store') }}">
                             @csrf
 
-                            <div class="mb-3">
-                                <label for="title" class="form-label">Title</label>
-                                <input type="text" class="form-control @error('title') is-invalid @enderror"
-                                       id="title" name="title" value="{{ old('title') }}" required>
-                                @error('title')
-                                <span class="invalid-feedback" role="alert">
-                                    <strong>{{ $message }}</strong>
-                                </span>
-                                @enderror
-                            </div>
+                            <x-form.input name="title" label="Title" :value="old('title')" required />
+                            <x-form.textarea name="content" label="Content" :value="old('content')" required />
 
-                            <div class="mb-3">
-                                <label for="content" class="form-label">Content</label>
-                                <textarea class="form-control @error('content') is-invalid @enderror"
-                                          id="content" name="content" rows="5" required>{{ old('content') }}</textarea>
-                                @error('content')
-                                <span class="invalid-feedback" role="alert">
-                                    <strong>{{ $message }}</strong>
-                                </span>
-                                @enderror
-                            </div>
-
-                            <button type="submit" class="btn btn-primary">Create Post</button>
-                            <a href="{{ route('home') }}" class="btn btn-secondary">Cancel</a>
+                            <x-form.button type="submit" variant="primary" label="Create Post" />
+                            <x-form.button variant="secondary" label="Cancel" href="{{ route('home') }}" />
                         </form>
                     </div>
                 </div>
diff --git a/resources/views/posts/edit.blade.php b/resources/views/posts/edit.blade.php
index 20e10a4..75a30df 100644
--- a/resources/views/posts/edit.blade.php
+++ b/resources/views/posts/edit.blade.php
@@ -12,30 +12,11 @@
                             @csrf
                             @method('PUT')
 
-                            <div class="mb-3">
-                                <label for="title" class="form-label">Title</label>
-                                <input type="text" class="form-control @error('title') is-invalid @enderror"
-                                       id="title" name="title" value="{{ old('title', $post->title) }}" required>
-                                @error('title')
-                                <span class="invalid-feedback" role="alert">
-                                    <strong>{{ $message }}</strong>
-                                </span>
-                                @enderror
-                            </div>
+                            <x-form.input name="title" label="Title" :value="$post->title" required />
+                            <x-form.textarea name="content" label="Content" :value="$post->content" required />
 
-                            <div class="mb-3">
-                                <label for="content" class="form-label">Content</label>
-                                <textarea class="form-control @error('content') is-invalid @enderror"
-                                          id="content" name="content" rows="5" required>{{ old('content', $post->content) }}</textarea>
-                                @error('content')
-                                <span class="invalid-feedback" role="alert">
-                                    <strong>{{ $message }}</strong>
-                                </span>
-                                @enderror
-                            </div>
-
-                            <button type="submit" class="btn btn-primary">Update Post</button>
-                            <a href="{{ route('home') }}" class="btn btn-secondary">Cancel</a>
+                            <x-form.button type="submit" variant="primary" label="Update Post" />
+                            <x-form.button variant="secondary" label="Cancel" href="{{ route('home') }}" />
                         </form>
                     </div>
                 </div>