MIF_E31211459/resources/views/user/partials/header.blade.php

167 lines
9.2 KiB
PHP

<header class="one">
{{-- <div class="top-header">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="d-flex align-items-center">
<div class="content-header me-5">
<i>
<svg height="512" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg">
<g id="_16-Smartphone" data-name="16-Smartphone">
<path d="m23 2h-14a3 3 0 0 0 -3 3v22a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-22a3 3 0 0 0 -3-3zm-5.39 2-.33 1h-2.56l-.33-1zm6.39 23a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1-1v-22a1 1 0 0 1 1-1h3.28l.54 1.63a2 2 0 0 0 1.9 1.37h2.56a2 2 0 0 0 1.9-1.37l.54-1.63h3.28a1 1 0 0 1 1 1z" />
<path d="m17 24h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
</g>
</svg>
</i>
<h4>Phone:<a href="callto:+1(850)344066">+1 (850) 344 0 66</a></h4>
</div>
<div class="content-header">
<i>
<svg height="512" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg">
<g id="_01-Email" data-name="01-Email">
<path d="m29.61 12.21-13-10a1 1 0 0 0 -1.22 0l-13 10a1 1 0 0 0 -.39.79v14a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3v-14a1 1 0 0 0 -.39-.79zm-13.61-7.95 11.36 8.74-11.36 8.74-11.36-8.74zm11 23.74h-22a1 1 0 0 1 -1-1v-12l11.39 8.76a1 1 0 0 0 1.22 0l11.39-8.76v12a1 1 0 0 1 -1 1z" />
</g>
</svg>
</i>
<h4>Email:<a href="mailto:+1(850)344066">info@domain.com</a></h4>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="d-flex align-items-center login">
<div class="header-social-media">
<a href="#">
Facebook
</a>
<a href="#">
Instagram
</a>
<a href="#">
Youtube
</a>
</div>
<div class="register">
<i>
<svg clip-rule="evenodd" fill-rule="evenodd" height="512" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg">
<g id="Approved-User">
<path d="m10.105 22.3c.21-.482.511-.926.89-1.305.797-.797 1.878-1.245 3.005-1.245h4c1.127 0 2.208.448 3.005 1.245.379.379.68.823.89 1.305.166.379.608.553.988.387.379-.165.553-.608.387-.987-.285-.653-.691-1.253-1.204-1.766-1.078-1.078-2.541-1.684-4.066-1.684-1.3 0-2.7 0-4 0-1.525 0-2.988.606-4.066 1.684-.513.513-.919 1.113-1.204 1.766-.166.379.008.822.387.987.38.166.822-.008.988-.387z" />
<path d="m16 8.25c-3.174 0-5.75 2.576-5.75 5.75s2.576 5.75 5.75 5.75 5.75-2.576 5.75-5.75-2.576-5.75-5.75-5.75zm0 1.5c2.346 0 4.25 1.904 4.25 4.25s-1.904 4.25-4.25 4.25-4.25-1.904-4.25-4.25 1.904-4.25 4.25-4.25z" />
<path d="m26.609 12.25c.415 1.173.641 2.435.641 3.75 0 6.209-5.041 11.25-11.25 11.25s-11.25-5.041-11.25-11.25 5.041-11.25 11.25-11.25c1.315 0 2.577.226 3.75.641.39.138.819-.067.957-.457s-.067-.819-.457-.957c-1.329-.471-2.76-.727-4.25-.727-7.037 0-12.75 5.713-12.75 12.75s5.713 12.75 12.75 12.75 12.75-5.713 12.75-12.75c0-1.49-.256-2.921-.727-4.25-.138-.39-.567-.595-.957-.457s-.595.567-.457.957z" />
<path d="m21.47 8.53 2 2c.293.293.767.293 1.06 0l4-4c.293-.292.293-.768 0-1.06-.292-.293-.768-.293-1.06 0l-3.47 3.469s-1.47-1.469-1.47-1.469c-.292-.293-.768-.293-1.06 0-.293.292-.293.768 0 1.06z" />
</g>
</svg>
</i><a href="login.html">Login / Register</a>
</div>
</div>
</div>
</div>
</div>
</div> --}}
<div class="bottom-bar ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-3">
<div class="d-flex align-items-center justify-content-between">
<div class="logo">
<a href="/">
<img alt="logo" src="{{ asset('logo/logo-adit.png') }}" height="70px" height="70px">
</a>
</div>
<div class="d-flex cart-checkout">
{{-- <a href="cart-checkout.html">
<i>
<svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z"></path>
</g>
</svg>
</i>
</a> --}}
<div class="bar-menu">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<nav class="navbar">
<ul class="navbar-links">
<li class="navbar-dropdown">
<a href="/">Home</a>
</li>
{{-- <li class="navbar-dropdown">
<a href="/user/menu">Menu</a>
</li>
<li class="navbar-dropdown">
<a href="/user/shop">Shop</a>
</li> --}}
<li class="navbar-dropdown">
<a href="/user/contact">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-lg-3">
<div class="hamburger-icon">
@if (Auth::check())
<nav class="navbar">
<ul class="navbar-links">
<li class="navbar-dropdown">
<a href="#">{{ Auth::user()->name }}</a>
<div class="dropdown">
<a href="/user/cart">Cart</a>
<a href="/user/pemesanan">Pemesanan</a>
<a href="/user/profil">Profil</a>
<a href="/user/logout">Logout</a>
</div>
</li>
</ul>
</nav>
@else
<a href="/user/login" class="button">Login / Register</a>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="mobile-nav hmburger-menu" id="mobile-nav" style="display:block;">
<div class="res-log">
<a href="/">
<img src="{{ asset('logo/logo-adit.png') }}" height="70px" height="70px" alt="Responsive Logo" class="white-logo">
</a>
</div>
<ul>
<li><a href="/">Home</a></li>
{{-- <li><a href="/user/menu">Menu</a></li>
<li><a href="/user/shop">Shop</a></li> --}}
<li><a href="/user/contact">contacts</a></li>
@if (Auth::check())
<li class="menu-item-has-children"><a href="JavaScript:void(0)">{{ Auth::user()->name }}</a>
<ul class="sub-menu">
<li><a href="/user/cart">Cart</a></li>
<li><a href="/user/pemesanan">Pemesanan</a></li>
<li><a href="/user/profil">Profil</a></li>
<li><a href="/user/logout">Logout</a></li>
</ul>
</li>
@else
<li><a href="/user/login">Login / Register</a></li>
@endif
</ul>
<a href="JavaScript:void(0)" id="res-cross"></a>
</div>
</header>