This is my show method
public function show($id){ $student = Student::find($id);
return view('students.student-detail', ['student' => $student]);
}
Routes
Route::get('/', [LoginController::class, 'index']);
/* Dashboard routes */
Route::get('/dashboard', [DashboardController::class, 'index']);
Route::get('/student-info', [StudentController::class, 'dashboard']);
Route::get('/parent-info', [ParentController::class, 'dashboard']);
Route::get('/teacher-info', [TeacherController::class, 'dashboard']);
/* Student routes */
Route::get( '/students', [StudentController::class, 'index']);
//Route::get( '/student-detail/{id}', [StudentController::class, 'studentDetail']);
Route::get( '/student-detail/{id}', [StudentController::class, 'show']);
Route::get( '/admit', [StudentController::class, 'create']);
Route::post('/admit', [StudentController::class, 'store']);
Route::get('/admit/edit/{id}', [StudentController::class, 'edit']);
Blade View
@extends('layouts.app')
@section('content')
<div class="dashboard-content-one">
<!-- Breadcubs Area Start Here -->
<div class="breadcrumbs-area">
<h3>Students</h3>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>Student Details</li>
</ul>
</div>
<!-- Breadcubs Area End Here -->
<!-- Student Details Area Start Here -->
<div class="card height-auto">
<div class="card-body" style="margin-top: -1.5rem;">
<div class="heading-layout1">
<div class="item-title">
<h3>About Me</h3>
</div>
<div class="dropdown">
<a class="dropdown-toggle" href="#" role="button"
data-toggle="dropdown" aria-expanded="false">...</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="fas fa-eye text-orange-red"></i> View</a>
<a class="dropdown-item" href="admit/edit/"><i class="fas fa-cogs text-dark-pastel-green"></i> Update</a>
<a class="dropdown-item" href="#"><i class="fas fa-times text-orange-peel"></i> Suspend</a> </a>
</div>
</div>
</div>
<div class="single-info-details">
<div class="item-img">
<img src="img/figure/student1.jpg" alt="student">
</div>
<div class="item-content">
<div class="header-inline item-header">
<h3 class="text-dark-medium font-medium">{{$student->first_name . " " . $student->last_name}}</h3>
<div class="header-elements">
<ul>
<li><a href="#"><i class="far fa-edit"></i></a></li>
<li><a href="#"><i class="fas fa-print"></i></a></li>
<li><a href="#"><i class="fas fa-download"></i></a></li>
</ul>
</div>
</div>
<p>{{ $student->bio }}</p>
<div class="info-table table-responsive">
<table class="table text-nowrap">
<tbody>
<tr>
<td>Name:</td>
<td class="font-medium text-dark-medium">{{$student->first_name . " " . $student->last_name}}</td>
</tr>
<tr>
<td>Gender:</td>
<td class="font-medium text-dark-medium">{{$student->gender->name}}</td>
</tr>
<tr>
<td>Father Name:</td>
<td class="font-medium text-dark-medium">{{ $student->parents->first_name . " " . $student->parents->last_name }}</td>
</tr>
<tr>
<td>Mother Name:</td>
<td class="font-medium text-dark-medium">{{ $student->parents->spouse_first_name . " " . $student->parents->spouse_last_name }}</td>
</tr>
<tr>
<td>Date Of Birth:</td>
<td class="font-medium text-dark-medium">{{$student->dob}}</td>
</tr>
<tr>
<td>Religion:</td>
<td class="font-medium text-dark-medium">{{$student->religion->name}}</td>
</tr>
<tr>
<td>Father Occupation:</td>
<td class="font-medium text-dark-medium">{{$student->parents->occupation}}</td>}</td>
</tr>
<tr>
<td>E-mail:</td>
<td class="font-medium text-dark-medium">{{$student->email}}</td>
</tr>
<tr>
<td>Admission Date:</td>
<td class="font-medium text-dark-medium">{{$student->created_at}}</td>
</tr>
<tr>
<td>Class:</td>
<td class="font-medium text-dark-medium">{{$student->classes->name}}</td>
</tr>
<tr>
<td>Section:</td>
<td class="font-medium text-dark-medium">{{$student->section->name}}</td>
</tr>
<tr>
<td>Roll:</td>
<td class="font-medium text-dark-medium">{{$student->admission_id}}</td></td>
</tr>
<tr>
<td>Address:</td>
<td class="font-medium text-dark-medium">{{ $student->home_address }},{{$student->lga->name}},{{$student->state->name}} State</td>
</tr>
<tr>
<td>Phone:</td>
<td class="font-medium text-dark-medium">{{$student->phone}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Student Details Area End Here -->
@endsection
I am passing the data from the student to the show method. when I dd($students) it returns data for students/student-detail/1 e.t.c
but when I take out the dump and reload, it comes up blank.
so I decided to check if the data is coming to the view at all by viewing page source. When I do this, I see the results in the respective html elements as desired but it just wouldn't render.
Please can anyone help?
What caused the blank screen was a plain declaration of javascript files in the footer. I was meant to use laravel assets to include project dependencies. like; scr = "{{assets('/js/another_directory/file.js')}}".
Once I did that, the page rendered.