ProfileController.php
index.blade.php
edit.blade.php
web.php
ProfileController
use Illuminate\Support\Facades\File; use Image; use Illuminate\Support\Facades\Validator; use App\Models\Profile; class ProfileController extends Controller { public function index(){ $all_data = Profile::select('*')->orderBy('id', 'DESC')->get(); return view('admin.profile.index',compact('all_data')); } public function store(Request $request){ $all_data = new Profile; $all_data ->name = $request->name; $all_data ->detail = $request->detail; $all_data ->gender = $request->gender; $all_data ->hobbies = json_encode($request->hobbies); $all_data ->profession = $request->profession; if($request->hasfile('image')){ $file = $request->file('image'); // $name = $file->getClientOriginalName(); $name = date('YmdHis').".".$file->getClientOriginalExtension(); $path = public_path('/images/profile'); $img = Image::make($file->path()); $img->resize(100, 100)->save($path.'/'.$name); $all_data->image = $name; } $all_data->save(); return redirect()->back()->with('success', 'Added Successfully Done'); } public function edit($id){ $data = Profile::find($id); return view('admin.profile.edit', compact('data')); } public function update(Request $request, $id){ $data = Profile::find($id); $data->name = $request->name; $data->detail = $request->detail; $data->gender = $request->gender; $data->hobbies = json_encode($request->hobbies); $data->profession = $request->profession; if($request->hasfile('image')){ $destination = 'images/profile/'.$data->image; if(File::exists($destination)){ File::delete($destination); } $file=$request->file('image'); //$name=$file->getClientOriginalName(); $name=date('YmdHis').".".$file->getClientOriginalExtension(); $path = public_path('/images/profile'); $img = Image::make($file->path()); $img->resize(100, 100)->save($path.'/'.$name); $data->image = $name; } $data->update(); return redirect()->to('/')->with('success', 'Updated Successfully Done'); } public function delete($id){ $data = Profile::find($id); $destination = 'images/profile/'.$data->image; if(File::exists($destination)){ File::delete($destination); } $data->delete(); return redirect()->back()->with('error', 'Deleted Successfully Done'); } }
index
@extends('layouts.backend') @section('css') <!--toastr css--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" integrity="sha512-vKMx8UnXk60zUwyUnUPM3HbQo8QfmNx7+ltw8Pm5zLusl1XIfwcxo8DbWCqMGKaWeNxWA8yrx5v3SaVpMvR3CA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!--myDataTables--> <link rel="stylesheet" href="https://cdn.datatables.net/1.13.2/css/jquery.dataTables.min.css" /> @endsection @section('content') <section> <div class="container-fluid"> <div class="row py-2"> <div class="col-8"> <nav aria-label="breadcrumb"> <ol class="breadcrumb pt-2"> <li class="breadcrumb-item"><a href="{{url('/')}}" class="text-decoration-none">Dashboard</a></li> <li class="breadcrumb-item active">Profile</li> </ol> </nav> </div> <div class="col-4 text-end"> <a href="" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#CreateModal">Create</a> </div> <!-- Create --> <div class="modal fade" id="CreateModal" tabindex="-1" aria-labelledby="CreateModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="CreateModalLabel">Create</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form action="{{url('/admin/profile/store')}}" method="post" enctype="multipart/form-data"> @csrf <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-12 pb-2"> <label class="fw-bold">Name : </label> <input type="text" name="name" class="form-control my-2"> </div> <div class="col-12 pb-2"> <label class="fw-bold">Image : </label> <input type="file" name="image" class="form-control my-2"> </div> <div class="col-12 pb-2"> <label class="fw-bold">Detail : </label> <textareas name="detail" id="editor" cols="30" rows="3" class="form-control my-2"></textareas> </div> <div class="col-12 pb-2"> <label class="fw-bold">Gender : </label> <div class="form-check pt-2"> <input class="form-check-input" type="radio" name="gender" value="Male" id="Male"> <label class="form-check-label" for="Male">Male</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" value="Female" id="Female"> <label class="form-check-label" for="Female">Female</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" value="Others" id="Others"> <label class="form-check-label" for="Others">Others</label> </div> </div> <div class="col-12 pb-2"> <label class="fw-bold">Hobbies : </label> <div class="form-check pt-2"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Playing" id="Playing"> <label class="form-check-label" for="Playing">Playing</label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Drwing" id="Drwing"> <label class="form-check-label" for="Drwing">Drwing</label> </div> </div> <div class="col-12 pb-2"> <label class="fw-bold">Profession : </label> <select name="profession" class="form-select" aria-label="Default select example"> <option hidden selected value="">Choose</option> <option value="Student">Student</option> <option value="Business">Business</option> <option value="Job">Job</option> </select> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-success">Save</button> </div> </form> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-body"> <style> .armanTableContainer{ width: 100% !important; max-height: fit-content !important; } .armanTableFixed{ overflow-x: scroll !important; overflow-y: scroll !important; height: fit-content !important; height: 80vh !important; } .armanTable{ min-width: max-content !important; border-collapse: separate !important; font-size:14px !important; } .armanTable th{ position: sticky !important; top: 0px !important; background-color: white !important; } </style> <div class="armanTableContainer bg-white rounded"> <div class="table-responsive armanTableFixed"> <table id="myDataTables" class="armanTable table table-striped table-hover"> <thead> <tr> <th scope="col" class="text-center">#</th> <th scope="col">Name</th> <th scope="col" class="text-center">Image</th> <th scope="col">Detail</th> <th scope="col">Gender</th> <th scope="col">Hobbies</th> <th scope="col">Profession</th> <th scope="col" class="text-center">Action</th> </tr> </thead> <tbody class="table-group-divider"> @foreach($all_data as $data) <tr> <td class="pt-3 text-center">{{$loop->index+1}}</td> <td class="pt-3">{{$data->name}}</td> <td class="text-center"><img src="{{asset('/images/profile/'.$data->image)}}" alt="Image Here" class="img-fluid"></td> <td class="pt-3">{!!$data->detail!!}</td> <td class="pt-3">{{$data->gender}}</td> <td class="pt-3"> @php $hobby_show = json_decode($data->hobbies); @endphp @if(!is_null($hobby_show)) @foreach($hobby_show as $hobby) {{$hobby}}, @endforeach @endif </td> <td class="pt-3">{{$data->profession}}</td> <td class="text-center"> <a href="" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#Show{{$data->id}}Modal">Show</a> <a href="{{url('/admin/profile/edit',$data->id)}}" class="btn btn-success">Edit</a> <a href="" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#Delete{{$data->id}}Modal">Delete</a> </td> </tr> <!-- Show --> <div class="modal fade" id="Show{{$data->id}}Modal" tabindex="-1" aria-labelledby="Show{{$data->id}}ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="Show{{$data->id}}ModalLabel">Show</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-12 pb-2 text-center"> <h4></h4> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Delete --> <div class="modal fade" id="Delete{{$data->id}}Modal" tabindex="-1" aria-labelledby="Delete{{$data->id}}ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="Delete{{$data->id}}ModalLabel">Delete</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-12 pb-2 text-center text-danger"> <h3>Are you sure ?</h3> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <a href="{{url('/admin/profile/delete',$data->id)}}" class="btn btn-danger">Delete</a> </div> </div> </div> </div> @endforeach </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </section> @endsection @section('js') <!--ajax js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!--toastr js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" integrity="sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> @if(Session::has('success')) toastr.options={ "closeButton":true, "progressBar":true, } toastr.success("{{ session('success')}}") @endif @if(Session::has('warning')) toastr.options={ "closeButton":true, "progressBar":true, } toastr.warning("{{ session('warning')}}") @endif @if(Session::has('error')) toastr.options={ "closeButton":true, "progressBar":true, } toastr.error("{{ session('error')}}") @endif </script> <!--myDataTables--> <script src="https://cdn.datatables.net/1.13.2/js/jquery.dataTables.min.js"></script> <script> $(document).ready( function () { $('#myDataTables').DataTable(); } ); </script> <!-- editor --> <script src="https://cdn.ckeditor.com/ckeditor5/35.4.0/classic/ckeditor.js"></script> <script> ClassicEditor .create( document.querySelector('#editor')) .catch( error => { console.error( error ); } ); </script> @endsection
edit
@extends('layouts.backend') @section('css') @endsection @section('content') @php $hobby = json_decode($data->hobbies); @endphp <section> <div class="container pb-2"> <div class="row"> <div class="col-12 text-end py-2"> <a href="{{url('/')}}" class="btn btn-primary">Back</a> </div> </div> <div class="row"> <div class="col-12"> <div class="card p-2"> <form action="{{url('/admin/profile/update',$data->id)}}" method="post" enctype="multipart/form-data"> @csrf @method('put') <div class="container"> <div class="row justify-content-center"> <div class="col-md-6 pb-2"> <label class="fw-bold">Name : </label> <input type="text" name="name" value="{{$data->name}}" class="form-control my-2"> </div> <div class="col-md-6 pb-2"> <label> <span class="fw-bold">Image</span> : <img src="{{asset('/images/profile/'.$data->image)}}" alt="Image Here" class="img-fluid" style="width:50px;"></label> <input type="file" name="image" class="form-control my-2"> </div> <div class="col-md-6 pb-2"> <label class="fw-bold">Gender : </label> <div class="form-check pt-2"> <input class="form-check-input" type="radio" name="gender" value="Male" id="Male{{$data->id}}" <?php if($data->gender=="Male"){ echo "checked"; } ?> > <label class="form-check-label" for="Male{{$data->id}}">Male</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" value="Female" id="Female{{$data->id}}" <?php if($data->gender=="Female"){ echo "checked"; } ?> > <label class="form-check-label" for="Female{{$data->id}}">Female</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="gender" value="Others" id="Others{{$data->id}}" <?php if($data->gender=="Others"){ echo "checked"; } ?> > <label class="form-check-label" for="Others{{$data->id}}">Others</label> </div> </div> @if(!is_null($hobby)) <div class="col-md-6 pb-2"> <label class="fw-bold">Hobbies : </label> <div class="form-check pt-2"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Playing" id="Playing{{$data->id}}" {{ in_array('Playing',$hobby)? 'checked':'' }} > <label class="form-check-label" for="Playing{{$data->id}}">Playing</label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Drwing" id="Drwing{{$data->id}}" {{ in_array('Drwing',$hobby)? 'checked':'' }} > <label class="form-check-label" for="Drwing{{$data->id}}">Drwing</label> </div> </div> @endif <div class="col-md-6 pb-2"> <label class="fw-bold">Hobbies : </label> <div class="form-check pt-2"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Playing" id="Playing{{$data->id}}"> <label class="form-check-label" for="Playing{{$data->id}}">Playing</label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" name="hobbies[]" value="Drwing" id="Drwing{{$data->id}}"> <label class="form-check-label" for="Drwing{{$data->id}}">Drwing</label> </div> </div> <div class="col-12 pb-2"> <label class="fw-bold">Profession : </label> <select name="profession" class="form-select" aria-label="Default select example"> <option hidden selected value="{{$data->profession}}">{{$data->profession}}</option> <option value="Student">Student</option> <option value="Business">Business</option> <option value="Job">Job</option> </select> </div> <div class="col-12 pb-2"> <label class="fw-bold">Detail : </label> <textareas name="detail" id="editor" cols="30" rows="3" class="form-control my-2">{!!$data->detail!!}</textareas> </div> <div class="col-12 py-4 text-center"> <button type="submit" class="btn btn-success">Save changes</button> </div> </div> </div> </form> </div> </div> </div> </div> </section> @endsection @section('js') <!-- editor --> <script src="https://cdn.ckeditor.com/ckeditor5/35.4.0/classic/ckeditor.js"></script> <script> ClassicEditor .create( document.querySelector('#editor')) .catch( error => { console.error( error ); } ); </script> @endsection
web
use App\Http\Controllers\ProfileController; // ProfileController Route::get('/', [ProfileController::class, 'index']); Route::post('/admin/profile/store', [ProfileController::class, 'store']); Route::get('/admin/profile/edit/{id}', [ProfileController::class, 'edit']); Route::put('/admin/profile/update/{id}', [ProfileController::class, 'update']); Route::get('/admin/profile/delete/{id}', [ProfileController::class, 'delete']);