Files
gsf/resources/views/website/header.blade.php
vedant-chavan 20f55281ef save to codehub
2024-08-09 17:11:41 +05:30

240 lines
9.3 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<?php
use Illuminate\Support\Facades\Auth;
?>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GSF</title>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{asset('public/assets/website/assets/css/style.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css" rel="stylesheet">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D2T07EJBJC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-D2T07EJBJC');
</script>
</head>
<body>
<header class="header" id="header-topp">
<nav class="container">
<div class="head-logo">
<a href="{{route('Home')}}">
<img src="{{asset('public/assets/website/assets/images/logo.svg')}}" alt="">
</a>
</div>
<div class="nav-toggle" onclick="openNav()"></div>
<ul class="main-unorderd">
<li class="<?php
if ($currentPage == 'home') {
echo 'active';
}
?>">
<a href="{{route('Home')}}">home</a>
</li>
<li style="display: none;" class="<?php
if ($currentPage == '') {
echo 'active';
}
?> about-us-tab">
<a href="#about-us-section" id="about-link" >about us</a>
</li>
<li class="<?php
if ($currentPage == 'our-services') {
echo 'active';
}
?>">
<a href="{{route('our_services')}}">OUR SERVICES</a>
</li>
<li class="<?php
if ($currentPage == 'download') {
echo 'active';
}
?>">
<a href="{{route('download')}}">download</a>
</li>
<li class="<?php
if ($currentPage == 'contact-us') {
echo 'active';
}
?>">
<a href="{{route('contact_us')}}">contact us</a>
</li>
@if(Auth::check())
<li class="<?php
if ($currentPage == 'workout') {
echo 'active';
}
?>">
<a href="{{route('your_activity')}}">workout</a>
</li>
@endif
<li class="login <?php
if ($currentPage == 'login') {
echo 'active';
}
?>">
@if(!Auth::check())
<a href="" data-bs-toggle="modal" data-bs-target="#login_form">login</a>
@else
<a href="{{url('/logout')}}" >logout</a>
@endif
</li>
</ul>
</nav>
</header>
<div id="mySidenav_sc" class="sidenav">
<div class="closebtn">
<div></div>
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
</div>
<ul>
<li class="<?php
if ($currentPage == 'home') {
echo 'active';
}
?>">
<a href="{{route('Home')}}">home</a>
</li>
<li class="about-us-tab">
<a href="#about-us-section" onclick="closeNav()" id="about-link">about us</a>
</li>
<li class="<?php
if ($currentPage == 'our-services') {
echo 'active';
}
?>">
<a href="{{route('our_services')}}">OUR SERVICES</a>
</li>
<li class="<?php
if ($currentPage == 'download') {
echo 'active';
}
?>">
<a href="{{route('download')}}">download</a>
</li>
<li class="<?php
if ($currentPage == 'contact-us') {
echo 'active';
}
?>">
<a href="{{route('contact_us')}}">contact us</a>
</li>
@if(Auth::check())
<li class="<?php
if ($currentPage == 'workout') {
echo 'active';
}
?>">
<a href="{{route('your_activity')}}">workout</a>
</li>
@endif
<li class="login <?php
if ($currentPage == 'login') {
echo 'active';
}
?>">
@if(!Auth::check())
<a href="" data-bs-toggle="modal" data-bs-target="#login_form">login</a>
@else
<a href="{{url('/logout')}}" >logout</a>
@endif
</li>
</ul>
</div>
<!-- Modal -->
<div class="modal fade login_form" id="login_form" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<h1 class="modal-title fs-5" id="staticBackdropLabel"></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="login-txt">
<h3>Login</h3>
<p>Sign in into your account to start GetSetFit</p>
</div>
<form id="login_form_id">
@csrf
<div class="mb-3">
<label for="" class="form-label">Email</label>
<input type="email" name="email" id="email" class="form-control" id="" aria-describedby="">
</div>
<div class="mb-3 pass_eye">
<label for="" class="form-label">Password</label>
<input type="password" name="password" id="password" class="form-control" id="">
<i class="fa-regular fa-eye eye" id="toggle-password"></i>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Remember me</label>
</div>
<div class="login-btn">
<!-- <a href="your-activities.php">
<p>Login</p>
</a>-->
<button type="submit" id="login_submit"> Login </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal-logout -->
<div class="modal fade login_form logout" id="" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<h1 class="modal-title fs-5" id="staticBackdropLabel"></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="login-txt">
<h3>Logout</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod </p>
</div>
<div class="modal-footer">
<button type="button" class="btn cancel" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn log-out">
<a href="index.html">Logout</a>
</button>
</div>
</div>
</div>
</div>
</div>