Editing and deleting students working

app/Http/Controllers/StudentController.php

@@ -2,10 +2,13 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\School;
 use App\Models\Student;
 use App\Models\User;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
+use function abort;
+use function redirect;
 
 class StudentController extends Controller
 {
@@ -54,16 +57,31 @@ class StudentController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(Request $request, User $user)
+    public function update(Request $request, Student $student)
     {
-        //
+        if ($request->user()->cannot('update', $student)) abort(403);
+        request()->validate([
+            'first_name' => ['required'],
+            'last_name'  => ['required'],
+            'grade'      => ['required', 'integer'],
+        ]);
+
+        $student->update([
+            'first_name' => request('first_name'),
+            'last_name' => request('last_name'),
+            'grade' => request('grade')
+        ]);
+
+        return redirect('/students');
     }
 
     /**
      * Remove the specified resource from storage.
      */
-    public function destroy(User $user)
+    public function destroy(Request $request, Student $student)
     {
-        //
+        if ($request->user()->cannot('delete', $student)) abort(403);
+        $student->delete();
+        return redirect('/students');
     }
 }

app/Models/Student.php

@@ -7,10 +7,11 @@ use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\HasManyThrough;
 
+
 class Student extends Model
 {
     use HasFactory;
-
+    protected $guarded = [];
     public function school(): BelongsTo
     {
         return $this->belongsTo(School::class);

app/Policies/StudentPolicy.php

@@ -53,7 +53,7 @@ class StudentPolicy
      */
     public function delete(User $user, Student $student): bool
     {
-        //
+        return $user->school_id == $student->school_id;
     }
 
     /**

app/helpers.php

@@ -0,0 +1,21 @@
+<?php
+function tw_max_width_class_array()  :Array {
+    $return = [
+       "xs" => "max-w-xs",
+       'sm' => 'max-w-sm',
+       'md' => 'max-w-md',
+       'lg' => 'max-w-lg',
+       'xl' => 'max-w-xl',
+       '2xl' => 'max-w-2xl',
+       '3xl' => 'max-w-3xl',
+       '4xl' => 'max-w-4xl',
+       '5xl' => 'max-w-5xl',
+       '6xl' => 'max-w-6xl',
+       '7xl' => 'max-w-7xl',
+       'full' => 'max-w-full',
+       'fit' => 'max-w-fit',
+       'min' => 'max-w-min',
+       'max' => 'max-w-max',
+    ];
+    return $return;
+}

composer.json

@@ -22,6 +22,9 @@
         "spatie/laravel-ignition": "^2.4"
     },
     "autoload": {
+        "files": [
+            "app/helpers.php"
+        ],
         "psr-4": {
             "App\\": "app/",
             "Database\\Factories\\": "database/factories/",

resources/views/components/card/card.blade.php

@@ -1,13 +1,6 @@
-@props(['mw' => false])
 @php
     $wrapper_classes = 'overflow-hidden bg-white shadow sm:rounded-lg';
-    if ($mw) {
-        $wrapper_classes .= ' mx-auto max-w-' . $mw;
-    }
 @endphp
 <div {{ $attributes->merge(['class' => $wrapper_classes]) }}>
-
-
     {{ $slot }}
-
 </div>

resources/views/components/form/field.blade.php

@@ -37,7 +37,5 @@
     @elseif($label_text)
         <label for="{{ $name }}" class="{{ $label_classes }}">{{ $label_text }}</label>
     @endif
-    <div class="mt-2">
     <input {{ $attributes->merge($inputAttributes) }}>
 </div>
-</div>

resources/views/dashboard/select_school.blade.php

@@ -4,7 +4,8 @@
     <x-slot:page_title>Choose School</x-slot:page_title>
 
 {{--    <x-card.card class="mx-auto max-w-xl">--}}
-<x-card.card mw="[32rem]">
+    <div class="mx-auto max-w-lg">
+        <x-card.card>
             <x-card.heading class="">
                 Choose your school
                 <x-slot:subheading>
@@ -36,4 +37,5 @@
                 @endforeach
             </x-card.list.body>
         </x-card.card>
+    </div>
 </x-layout.app>

resources/views/schools/edit.blade.php

@@ -1,5 +1,6 @@
 <x-layout.app>
-    <x-card.card mw="xl">
+    <div class="mx-auto max-w-lg">
+        <x-card.card>
             <x-card.heading>
                 Edit School
             </x-card.heading>
@@ -15,6 +16,7 @@
                 <x-form.footer submit-button-text="Edit School" />
             </x-form.form>
         </x-card.card>
+    </div>
 </x-layout.app>
 
 {{--<x-layout.app>

resources/views/schools/show.blade.php

@@ -1,7 +1,8 @@
 <x-layout.app>
     <x-slot:page_title>School Info - {{ $school->name }}</x-slot:page_title>
 
-    <x-card.card mw="xl">
+    <div class="mx-auto max-w-xl">
+        <x-card.card>
             <x-card.info.body>
                 <x-card.info.row row_name="School Address">
                     <div class="md:grid md:grid-cols-3">
@@ -33,5 +34,6 @@
                 </x-card.info.row>
             </x-card.info.body>
         </x-card.card>
+    </div>
 
 </x-layout.app>

resources/views/students/edit.blade.php

@@ -1,5 +1,14 @@
 <x-layout.app>
-    <x-card.card mw="xl">
-        boo
+    <div class="mx-auto max-w-lg">
+        <x-card.card>
+            <x-card.heading>Edit Student</x-card.heading>
+
+            <x-form.form method="PATCH" class="!pt-2 !pb-6 !space-y-2" action="/students/{{ $student->id }}">
+                <x-form.field name="first_name" label_text="First Name" type="text" value="{{ $student->first_name }}"/>
+                <x-form.field name="last_name" label_text="Last Name" type="text" value="{{ $student->last_name }}"/>
+                <x-form.field name="grade" label_text="Grade" type="number" class="mb-3" value="{{ $student->grade }}"/>
+                <x-form.footer submit-button-text="Save Changes" />
+            </x-form.form>
         </x-card.card>
+    </div>
 </x-layout.app>

resources/views/students/index.blade.php

@@ -15,7 +15,7 @@
                     <x-form.field name="last_name" label_text="Last Name" colspan="3" />
                     <x-form.field name="grade" label_text="Grade" colspan="1" />
                     {{--   TODO make grade a dropdown    --}}
-                    <x-form.button class="mt-8">Save</x-form.button>
+                    <x-form.button class="mt-6">Save</x-form.button>
                 </x-form.body-grid>
             </x-form.form>
         </x-layout.page-section>
@@ -41,6 +41,16 @@
                             <x-table.td>{{ $student->grade }}</x-table.td>
                             <x-table.td for_button>
                                 <x-table.button href="/students/{{ $student->id }}/edit">Edit</x-table.button>
+                                |
+
+                                <form method="POST" action="/students/{{ $student->id }}" class="inline">
+                                    @csrf
+                                    @method('DELETE')
+                                    <x-table.button
+                                        onclick="return confirm('Please confirm you would like to delete the student {{ $student->full_name() }}');"
+                                    >Delete</x-table.button>
+                                </form>
+
                             </x-table.td>
                         </tr>
                     @endforeach
@@ -50,18 +60,3 @@
         </x-layout.page-section>
     </x-layout.page-section-container>
 </x-layout.app>
-
-
-
-{{--<x-layout.app>--}}
-{{--    <x-slot:page_title>Students</x-slot:page_title>--}}
-
-{{--    <x-layout.page-section>--}}
-{{--        <x-slot:section_name>Create Student</x-slot:section_name>--}}
-{{--        <x-slot:section_description>Student full names must be unique. Add a middle initial to the first name if necessary.</x-slot:section_description>--}}
-{{--        <x-form.card method="POST" action="/students/create" submit-button-text="Create Student"  >--}}
-{{--            <x-form.field name="first_name" label="First Name" div_classes="sm:col-span-3" required />--}}
-{{--            <x-form.field name="last_name" label="Last Name" div_classes="sm:col-span-3" required />--}}
-{{--        </x-form.card>--}}
-{{--    </x-layout.page-section>--}}
-{{--</x-layout.app>--}}

resources/views/test.blade.php

@@ -2,7 +2,7 @@
 <x-layout.app>
     <x-slot:page_title>Test Page</x-slot:page_title>
 
-    <x-card.card class="px-4 pt-6">
+    <x-card.card class="px-4 pt-6" mw="3xl">
         <x-table.table with_title_area with_button>
             <x-slot:title>Users</x-slot:title>
             <x-slot:subtitle>A list of all the users in your account including their name, title, email and role.</x-slot:subtitle>

routes/web.php

@@ -28,6 +28,8 @@ Route::middleware(['auth','verified'])->controller(UserController::class)->group
 Route::middleware(['auth','verified'])->controller(StudentController::class)->group(function() {
     Route::get('/students','index');
     Route::get('/students/{student}/edit','edit');
+    Route::patch('/students/{student}','update');
+    Route::delete('/students/{student}', 'destroy');
 });
 
 

tailwind.config.js

@@ -5,6 +5,9 @@ export default {
 	"./resources/**/*.js",
 	"./resources/**/*.vue",
 	],
+    safelist: [
+        { pattern: /max-w-(xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/ },
+    ],
   theme: {
     extend: {},
   },