aanol/cms-personal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sliders done

Browse Source
This commit is contained in:
Aanol Basnet
2025-06-04 17:37:14 +05:45
parent f9a589c05f
commit b3e543863a
219 changed files with 1165 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/views/dashboard.blade.php
View File

@@ -6,7 +6,8 @@
<div class="d-flex gap-3 mt-3">
<a href="{{ route('companies.index') }}" class="btn btn-primary">Manage Companies</a>
<a href="{{ route('employees.index') }}" class="btn btn-secondary">Manage Employees</a>
<a href="{{ route('posts.index')}}" class="btn btn-secondary">Manage Posts</a>
<a href="{{ route('posts.index') }}" class="btn btn-secondary">Manage Posts</a>
<a href="{{ route('sliders.index') }}" class="btn btn-secondary">Manage Sliders</a>
</div>
</div>
@endsection

32
resources/views/frontend/about.blade.php Normal file
View File

@@ -0,0 +1,32 @@
<!--about-section-start-->
{{-- @dd($posts) --}}
<section class="ttm-row about-section-3 clearfix">
<div class="container">
<div class="row">
<div class="col-lg-6 pt-50 res-991-pt-0">
<div class="">
@foreach($posts as $post)
<!-- section title -->
<div class="section-title">
<div class="title-header">
<h3>Post ID: {{ $post->id }}</h3>
<h2 class="title">{{ $post->title }}</h2>
</div>
<div class="featured-desc">
{{$post->content}}
</div>
</div>
<!-- section title end -->
@endforeach
<div class="pt-10 res-991-pt-0">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-skincolor" href="contact.php" tabindex="0">Contact Us</a>
</div>
<div class="">
<div class="ttm-horizontal_sep mt-40 mb-40 res-991-mt-30 res-991-mb-15"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--about-section-end-->

147
resources/views/frontend/footer.blade.php Normal file
View File

@@ -0,0 +1,147 @@
<!--footer start-->
<footer class="widget-footer ttm-textcolor-white clearfix">
<div class="ttm-bgcolor-darkgrey">
<div class="second-footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget-recent-post clearfix">
<div class="site-branding">
<a class="home-link" href="index.php" title="NCLEX" rel="home">
<img id="logo-img" width="167" height="53" class="img" src="images/logo.png"
alt="logo-img">
</a>
</div>
<!-- <div class="content" >
<a class="content-section" href="tel:9851102535">
<h5>Company Reg. no.</h5>
<h5>(+977) 9851102535</h5>
</a>
<a class="content-section" href="tel:9851102535">
<h5>Phone no.</h5>
<h5>(+977) 9851102535</h5>
</a>
</div> -->
<ul class="widget_contact_wrapper content">
<li>Company Reg. No.:<a href=""> </a>
</li>
<li>Company Phone: <a href="tel: (+977) 9851102535">(+977) 9851102535 </a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 widget-area">
<div class="widget widget-widget_contact clearfix">
<h3 class="widget-title">About NCLEX</h3>
<div class="textwidget widget-text">
<p>The NCLEX is a comprehensive nationwide examination to obtain a nursing license in
the United States, Canada, and Australia.
</p>
</div>
<div class="social-icons pt-20">
<ul class="list-inline">
<li class="social-facebook">
<a href="https://www.facebook.com/nclexcenternepalforexcellence" rel="noopener"
aria-label="facebook" target="_blank"><i class="ti ti-facebook"></i></a>
</li>
<li class="social-linkedin">
<a href="https://www.instagram.com/nclex_centernepal/?igsh=Mnh0aDVmbHAzbXhn"
rel="noopener" aria-label="instagram" target="_blank"><i
class="ti ti-instagram"></i> </a>
</li>
<li class="social-pinterest">
<a href="https://www.youtube.com/" rel="noopener" aria-label="youtube"
target="_blank"><i class="ti ti-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_nav_menu clearfix">
<h3 class="widget-title">Useful Links</h3>
<div class="d-flex">
<ul class="menu-footer-service-link menu">
<li><a href="about.php">About Us</a></li>
<li><a href="team.php">Our Team</a></li>
<li><a href="choose.php">Why Choose Us?</a></li>
<li><a href="blogs.php">Blogs</a></li>
<li><a href="faq.php">FAQs</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 widget-area">
<div class="widget widget-widget_contact clearfix">
<h3 class="widget-title">Get In Touch</h3>
<ul class="widget_contact_wrapper">
<li>Mail:<a href="mailto: info@nclexcenternepal.com"> info@nclexcenternepal.com </a>
</li>
<li>Contact: <a href="tel: (+977) 9851102535">(+977) 9851102535 </a></li>
<li>Location: Putalisadak,<br>Kathmandu, Nepal</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer-text">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="d-lg-flex align-items-center justify-content-between">
<div class="copyright">
<div class="d-sm-flex align-items-center justify-content-center">
<div>Copyright © 2022 <a href="index.php" class="ttm-textcolor-white"> NCLEX Center
Nepal </a>. All rights reserved</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer end-->
<!--back-to-top start-->
<a id="totop" href="index.php#top">
<i class="fa fa-angle-up"></i>
</a>
<!--back-to-top end-->
</div><!-- page end -->
<!-- Javascript -->
<script src="{{asset('assets/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/js/jquery-migrate-1.4.1.min.js')}}"></script>
<script src="{{asset('assets/js/tether.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.easing.js')}}"></script>
<script src="{{asset('assets/js/jquery-waypoints.js')}}"></script>
<script src="{{asset('assets/js/jquery-validate.js')}}"></script>
<script src="{{asset('assets/js/jquery.prettyPhoto.js')}}"></script>
<script src="{{asset('assets/js/slick.min.js')}}"></script>
<script src="{{asset('assets/js/numinate.min.js')}}"></script>
<script src="{{asset('assets/js/imagesloaded.min.js')}}"></script>
<script src="{{asset('assets/js/jquery-isotope.js')}}"></script>
<script src="{{asset('assets/js/jquery.event.move.js')}}"></script>
<script src="{{asset('assets/js/jquery.twentytwenty.js')}}"></script>
<script src="{{asset('assets/js/circle-progress.min.js')}}"></script>
<script src="{{asset('assets/js/main.js')}}"></script>
<!-- Javascript end-->
</body>
</html>

118
resources/views/frontend/header.blade.php Normal file
View File

@@ -0,0 +1,118 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="HTML5 Template" />
<meta name="keywords" content="NCLEX Center Nepal">
<meta name="description" content="NCLEX Center Nepal" />
<meta name="author" content="https://nclexcenternepal.com/" />
<meta name="viewport" content=" width=device-width, initial-scale=1, maximum-scale=2" />
<title>NCLEX Center Nepal</title>
<link rel="shortcut icon" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap.min.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/animate.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/flaticon.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/font-awesome.css')}}"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/themify-icons.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/fontello.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/slick.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/slider.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/prettyPhoto.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/twentytwenty.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/shortcodes.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/main.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/megamenu.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/responsive.css')}}"/>
</head>
<body>
<!--page start-->
<div class="page">
<!-- ttm-topbar-wrapper -->
<div class="top-instruction ttm-bgcolor-skincolor ttm-textcolor-white clearfix">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-center text-close">
<p>"We are providing NCLEX Preparation Classes in offered price for limited time."</span></a></p>
</div>
<div class="text-close-btn">
<button class="close-icon">
<i class="ti ti-close"></i>
</button>
</div>
</div>
</div>
</div>
</div><!-- ttm-topbar end -->
<!--header start-->
{{-- <header id="masthead" class="header ttm-header-style-01">
<!-- site-header-menu -->
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner ttm-stickable-header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<!--site-navigation -->
<div class="site-navigation d-flex flex-row align-items-center justify-content-between">
<div class="d-flex flex-row align-items-center">
<!-- site-branding -->
<div class="site-branding">
<a class="home-link" href="index.php" title="NCLEX" rel="home">
<img id="logo-img" width="167" height="53" class="img" src="images/logo.png" alt="logo-img">
</a>
</div><!-- site-branding end -->
<div class="site-menubar">
<div class="btn-show-menu-mobile menubar menubar--squeeze">
<span class="menubar-box">
<span class="menubar-inner"></span>
</span>
</div>
<!-- menu -->
<nav class="main-menu menu-mobile" id="menu">
<ul class="menu">
<li><a href="{{url('/')}}" >Home</a></li>
<li class="mega-menu-item">
<a href="{{url('/about')}}" class="mega-menu-link ">About <i class="fa-solid fa-chevron-down xl-d-none"></i></a>
<ul class="mega-submenu">
<li><a href="{{url('/about')}}">Company Details</a></li>
<li><a href="{{url('/message-from-md')}}">Message from MD</a></li>
<li><a href="{{url('/our-team')}}">Our Team</a></li>
</ul>
</li>
<li><a href="{{url('/why-choose-us')}}" >Why NCLEX</a></li>
<li><a href="{{url('/programs')}}" >Programs</a></li>
<li><a href="{{url('/nclex-passers')}}" >Passers</a></li>
<li><a href="{{url('/blogs')}}" >Blogs</a></li>
<li><a href="{{url('/contact')}}" >Contact Us</a></li>
</ul>
</nav><!-- menu end -->
</div>
</div>
<div class="widget_content align-self-center xl-d-none">
<div class="d-inline-block">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor text-white" href="register.php">Make an Appointment</a>
</div>
</div>
</div><!-- site-navigation end-->
</div>
</div>
</div>
</div>
</div>
<!-- site-header-menu end-->
</header> --}}
<!--header end-->

15
resources/views/frontend/home.blade.php Normal file
View File

@@ -0,0 +1,15 @@
@extends('layouts.app')
@section('content')
@include('frontend.header')
@include('frontend.partials.slider', ['sliderItems' => $sliderItems])
{{-- @include('frontend.partials.preparation', ['preparations' => $preparations]) --}}
{{-- @include('frontend.partials.service', ['services' => $services]) --}}
{{-- @include('frontend.partials.about', ['about' => $about]) --}}
{{-- @include('frontend.partials.contact', ['contact' => $contact]) --}}
{{-- @include('frontend.partials.testimonial', ['testimonials' => $testimonials]) --}}
{{-- @include('frontend.partials.partners', ['partners' => $partners]) --}}
{{-- @include('frontend.partials.passers', ['passers' => $passers]) --}}
{{-- @include('frontend.partials.blog', ['blogs' => $blogs]) --}}
@include('frontend.footer')
@endsection

127
resources/views/frontend/partials/about.blade.php Normal file
View File

@@ -0,0 +1,127 @@
<!-- progress-section-->
{{-- @dd($about_nclex) --}}
{{-- @dd($popups) --}}
<section class="ttm-row progress-section clearfix">
<div class="container">
<div class="row g-0 res-991-plr-15">
{{-- <div class="col-lg-4 order-lg-first ">
<!--section-title -->
<div class="section-title mb-0 res-1199-pl-15 res-991-pl-0 pt-20">
<div class="title-header">
<h3>{{$about_nclex->title}}</h3>
<h2 class="title">{{$about_nclex->short_description}}</h2>
<p>{!!$about_nclex->description!!} </p>
</div>
</div><!--section-title-end -->
</div> --}}
{{-- <div class="col-lg-4 order-lg-1">
<div class="pr-20 res-1199-pl-15 res-991-pl-0">
<div class="progress-section-text mb-25">
<p>We believe in your potential and are here to help you achieve your goal of becoming a licensed nurse. </p>
<p>To know more about us make an appointment with us.</p>
<div class="d-inline-block">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="register.php">Make an Appointment</a>
</div>
</div>
</div>
</div> --}}
{{-- <div class="col-lg-4 order-lg-0">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-skincolor ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>Don’t let the NCLEX intimidate you.</h3>
</div>
<div class="featured-desc">
</p>
</div>
<div class="featured-bottom">
<a href="programs.php">View More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-0 res-991-display-none res-991-mt-15">
</div> --}}
@foreach($popups as $popup)
<div class="col-lg-4 order-lg-3 res-991-mt-15">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-darkgrey ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>{{$popup->title}}</h3>
</div>
<div class="featured-desc">
{!!$popup->description!!}
</div>
<div class="featured-bottom">
<a href="programs.php">{{$popup->button_title}}</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
{{-- <div class="col-lg-4 order-lg-4 res-991-mt-15">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-skincolor ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>you can approach the exam with confidence </h3>
</div>
<div class="featured-desc">
</div>
<div class="featured-bottom">
<a href="programs.php">View More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-last res-991-mt-15">
<div class="ttm-bg ttm-col-bgimage-yes col-bg-img-ten spacing-19">
<div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
<div class="layer-content"></div>
</div>
<img src="images/bg-image/col-bgimage-10.png" class="ttm-equal-height-image" alt="single-img-10">
</div>
<div class="col-lg-4 order-lg-5 res-991-mt-15 align-self-center">
<div class="text-center">
<div class="ttm-fid inside style1">
<div class="ttm-fid-contents">
<h4 class="ttm-fid-inner">
</h4>
</div>
</div>
<!--section-title -->
<div class="section-title title-style-center_text">
<div class="title-header">
<h2 class="title font-size-26 pl-40 pr-40 res-991-pl-0 res-991-pr-0"> We wish you the best of luck on your NCLEX journey!</h2>
<h3><a href="about.php">Become a Licensed Nurse</a></h3>
</div>
</div><!--section-title-end -->
</div>
</div>
<div class="col-lg-4 order-lg-2">
<div class="ttm-bg ttm-col-bgimage-yes col-bg-img-nine spacing-19">
<div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
<div class="layer-content"></div>
</div>
<img src="images/bg-image/col-bgimage-9.png" class="ttm-equal-height-image" alt="single-img-09">
</div> --}}
</div>
</div>
</section>
<!-- progress-section-end-->

126
resources/views/frontend/partials/slider.blade.php Normal file
View File

@@ -0,0 +1,126 @@
<!-- Banner -->
<div class="banner_slider banner_slider_1">
{{-- @dd($sliderItems) --}}
@foreach($sliderItems as $slider)
<div class="slide s2">
{{-- <div class="slide_img" style="background-image: url('images/slides/slider-mainbg-02.jpg'); background-position: center;"> --}}
<div class="slide_img" style="background-image: url('{{ asset('storage/'. $slider->image)}}'); background-position: center;">
</div>
<div class="slide__content">
<div class="container g-0 position-relative">
<div class="row">
<div class="col-lg-12">
<div class="d-block d-xl-flex flex-row justify-content-between">
<div class="slide__content--headings align-self-center">
<div class="slide-icon-img" data-animation="fadeInLeft" data-delay="0.5s" data-duration="0.8s">
<img class="img-fluid d-inline-block" src="images/slide-img.png" width="46" height="44" alt="slide-img">
<span>YOUR DESTINY</span>
<span>OUR PRIORITY</span>
<span>NCLEX Center</span>
{{-- {!!$slider->short_description!!} --}}
</div>
<h2 class="ttm-textcolor-white" data-animation="fadeInLeft" data-delay="0.7s" data-duration="0.8s">{!!$slider->description!!}</h2>
<div class="d-inline-block pt-30" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="{{$slider->button_url}}">{{$slider->button_text}}</a>
</div>
</div>
<div class="d-lg-none d-xl-block align-self-center spacing-24">
<div class="testimonials style6" data-animation="fadeInRight" data-delay="0.8s" data-duration="0.6s">
<div class="testimonial-content">
</div>
</div>
<div class="testimonials style6" data-animation="fadeInRight" data-delay="1s" data-duration="0.6s">
<div class="testimonial-content">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- {!!$slider->description!!} --}}
</div>
@endforeach
{{-- <div class="slide s1">
<div class="slide_img" style="background-image: url('images/slides/slider-mainbg-01.jpg'); background-position: center; background-size: 100%; background-repeat: no-repeat;">
</div>
<div class="slide__content">
<div class="container">
<div class="row">
<div class="col-lg-12 align-self-end">
<div class="slide__content--headings">
<div class="d-sm-flex justify-content-center" data-animation="fadeInUp" data-delay="1.2s" data-duration="0.6s">
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/ambulance.svg" alt="ambulance-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Emergency Services</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/stethoscope.svg" alt="stethoscope-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Outdoor Checkup</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/heart-icon.svg" alt="heart-icon-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Health Screening</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide s3">
<div class="slide_img" style="background-image: url('images/slides/slider-mainbg-07.jpg');
background-position: center;"></div>
<div class="slide__content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slide__content--headings text-end">
<h3 class="ttm-textcolor-white" data-animation="fadeInDown" data-delay="0.6s" data-duration="0.5s">WE GIVE YOU THE BEST</h3>
<h2 class="ttm-textcolor-white" data-animation="fadeInRight" data-delay="0.7s" data-duration="0.8s">With our guidance, <br>your skills will flourish,<br> opening doors to <br>endless opportunities</h2>
<div class="d-inline-block pt-25 res-767-pt-0" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-white" href="contact.php">See How Can We Help</a>
</div>
<div class="d-block d-sm-inline-block pt-25 res-767-pt-0 pl-15 res-575-pl-0 res-575-mt-20" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="contact.php">Make an Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> --}}
</div>
<!-- Banner end-->

6
resources/views/layouts/app.blade.php
View File

@@ -38,6 +38,12 @@
<li class="nav-item">
<a class="nav-link" href="{{ route('employees.index') }}">Employees</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('posts.index') }}">Posts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('sliders.index') }}">Sliders</a>
</li>
</ul>
<ul class="navbar-nav ms-auto">

38
resources/views/sliders/create.blade.php Normal file
View File

@@ -0,0 +1,38 @@
@extends('layouts.app')
@section('content')
<div class="container">
<h1>Add Slider</h1>
<form action="{{ route('sliders.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group mb-3">
<label for="title">Title</label>
<input type="text" name="title" class="form-control">
</div>
<div class="form-group mb-3">
<label for="subtitle">SubTitle</label>
<textarea name="subtitle" rows="3"class="form-control"></textarea>
</div>
<div class="form-group mb-3">
<label for="description">Description</label>
<textarea name="description" rows="5" class="form-control"></textarea>
</div>
<div class="form-group mb-3">
<label for="image">Background-Image</label>
<input type="file" name="image" class="form-control">
</div>
<div class="form-group mb-3">
<label for="button_text">Button Text</label>
<input type="text" name="button_text" class="form-control">
</div>
<div class="form-group mb-3">
<label for="button_url">Button URL</label>
<input type="url" name="button_url" class="form-control">
</div>
<button type="submit" class="btn btn-success">Save</button>
<a href="{{ route('sliders.index') }}" class="btn btn-secondary">Cancel</a>
</form>
</div>
@endsection

41
resources/views/sliders/edit.blade.php Normal file
View File

@@ -0,0 +1,41 @@
@extends('layouts.app')
@section('content')
<div class="container">
<h1>Add Slider</h1>
<form method="POST" action="{{ route('sliders.update', $slider->id) }}" enctype="multipart/form-data">
@csrf @method('PUT')
<div class="form-group mb-3">
<label for="title" class="form-label">Title</label>
<input type="text" name="title" class="form-control" value="{{ $slider->title}}">
</div>
<div class="form-group mb-3">
<label for="subtitle" class="form-label">SubTitle</label>
<textarea name="subtitle" rows="3"class="form-control">{{ $slider->subtitle }}</textarea>
</div>
<div class="form-group mb-3">
<label for="description" class="form-label">Description</label>
<textarea name="description" rows="5" class="form-control">{{ $slider->description }}</textarea>
</div>
<div class="form-group mb-3">
<label for="image">Background-Image</label>
<input type="file" name="image" class="form-control">
@if ($slider->image)
<p>Current image: <img src="{{ asset('storage/' . $slider->image) }}" width="150"></p>
@endif
</div>
<div class="form-group mb-3">
<label for="button_text">Button Text</label>
<input type="text" name="button_text" class="form-control" value="{{ $slider->button_text }}">
</div>
<div class="form-group mb-3">
<label for="button_url">Button URL</label>
<input type="url" name="button_url" class="form-control" value="{{ $slider->button_url }}">
</div>
<button class="btn btn-success">Update</button>
<a href="{{ route('sliders.index') }}" class="btn btn-danger">Cancel</a>
</form>
</div>
@endsection

51
resources/views/sliders/index.blade.php Normal file
View File

@@ -0,0 +1,51 @@
@extends('layouts.app')
@section('content')
<div class="container">
<h1>Sliders</h1>
<a href="{{ route('sliders.create') }}" class="btn btn-primary mb-3">Create New Slider</a>
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<table class="table">
<thead>
<tr>
<th>Title</th>
<th>SubTitle</th>
<th>Description</th>
<th>Image</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@forelse($sliders as $slider)
<tr>
<td>{{ $slider->title }}</td>
<td>{{ \Illuminate\Support\Str::limit($slider->subtitle, 20) }}</td>
<td>{{ \Illuminate\Support\Str::limit($slider->description, 50) }}</td>
<td>
@if($slider->image)
<img src="{{ asset('storage/' . $slider->image) }}" alt="bg-img" width="100">
@else
N/A
@endif
</td>
<td>
<a href="{{ route('sliders.show', $slider->id) }}" class="btn btn-sm btn-info">View</a>
<a href="{{ route('sliders.edit', $slider->id) }}" class="btn btn-sm btn-warning">Edit</a>
<form action="{{ route('sliders.destroy', $slider->id) }}" method="POST" style="display:inline-block">
@csrf @method('DELETE')
<button class="btn btn-sm btn-danger" onclick="return confirm('Delete this slider?')">Delete</button>
</form>
</td>
</tr>
@empty
<tr><td colspan="3">No sliders found.</td></tr>
@endforelse
</tbody>
</table>
</div>
@endsection

24
resources/views/sliders/show.blade.php Normal file
View File

@@ -0,0 +1,24 @@
@extends('layouts.app')
@section('content')
<div class="container">
<h1>Slider Details</h1>
<ul class="list-group">
<li class="list-group-item"><strong>Title:</strong> {{ $slider->title }}</li>
<li class="list-group-item"><strong>SubTitle:</strong>{{ $slider->subtitle}}</li>
<li class="list-group-item"><strong>Description:</strong>{{ $slider->description}}</li>
<li class="list-group-item">
<strong>Background Image:</strong>
@if($slider->image)
<img src="{{ Storage::url($slider->image) }}" alt="bg-img" width="100">
@else
N/A
@endif
</li>
<li class="list-group-item"><strong>Button Text:</strong>{{ $slider->button_text}}</li>
<li class="list-group-item"><strong>Button Link:</strong>{{ $slider->button_link}}</li>
</ul>
<a href="{{ route('sliders.edit', $slider->id) }}" class="btn btn-warning">Edit</a>
<a href="{{ route('sliders.index') }}" class="btn btn-secondary mt-3">Back to List</a>
</div>
@endsection