parzibyte/maestra.blade.php

## maestra.blade.php
<!doctype html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="{{env("APP_NAME")}}">
    <meta name="author" content="Parzibyte">
    <title>@yield("titulo") - {{env("APP_NAME")}}</title>
    <link href="{{url("/css/bootstrap.min.css")}}" rel="stylesheet">
    <link href="{{url("/css/all.min.css")}}" rel="stylesheet">
    <style>
        body {
            padding-top: 70px;
            /*Para la barra inferior fija*/
            padding-bottom: 70px;
        }
    </style>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" target="_blank" href="//parzibyte.me/blog">{{env("APP_NAME")}}</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse"
            id="botonMenu" aria-label="Mostrar u ocultar menú">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="menu">
        <ul class="navbar-nav mr-auto">
            @guest
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('login') }}">Login</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="{{ route('register') }}">
                        Registro
                    </a>
                </li>
            @else
                <li class="nav-item">
                    <a class="nav-link" href="{{route("home")}}">Inicio&nbsp;<i class="fa fa-home"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route("productos.index")}}">Productos&nbsp;<i class="fa fa-box"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route("vender.index")}}">Vender&nbsp;<i class="fa fa-cart-plus"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{route("ventas.index")}}">Ventas&nbsp;<i class="fa fa-list"></i></a>
                </li>
            @endguest
        </ul>
        <ul class="navbar-nav ml-auto">
            @auth
                <li class="nav-item">
                    <a href="{{route("logout")}}" class="nav-link">
                        Salir ({{ Auth::user()->name }})
                    </a>
                </li>
            @endauth
            <li class="nav-item">
                <a class="nav-link" href="https://parzibyte.me/blog/contrataciones-ayuda/">Soporte&nbsp;<i
                        class="fa fa-hands-helping"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{route("acerca_de")}}">Acerca de&nbsp;<i class="fa fa-info"></i></a>
            </li>
        </ul>
    </div>
</nav>
<script type="text/javascript">
    // Tomado de https://parzibyte.me/blog/2019/06/26/menu-responsivo-bootstrap-4-sin-dependencias/
    document.addEventListener("DOMContentLoaded", () => {
        const menu = document.querySelector("#menu"),
            botonMenu = document.querySelector("#botonMenu");
        if (menu) {
            botonMenu.addEventListener("click", () => menu.classList.toggle("show"));
        }
    });
</script>
<main class="container-fluid">
    @yield("contenido")
</main>
<footer class="px-2 py-2 fixed-bottom bg-dark">
    <span class="text-muted">Punto de venta en Laravel
        <i class="fa fa-code text-white"></i>
        con
        <i class="fa fa-heart" style="color: #ff2b56;"></i>
        por
        <a class="text-white" href="//parzibyte.me/blog">Parzibyte</a>
        &nbsp;|&nbsp;
        <a target="_blank" class="text-white" href="//github.com/parzibyte/sistema_ventas_laravel">
            <i class="fab fa-github"></i>
        </a>
    </span>
</footer>
</body>
</html>
	<!doctype html>
	<html lang="es">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="{{env("APP_NAME")}}">
	<meta name="author" content="Parzibyte">
	<title>@yield("titulo") - {{env("APP_NAME")}}</title>
	<link href="{{url("/css/bootstrap.min.css")}}" rel="stylesheet">
	<link href="{{url("/css/all.min.css")}}" rel="stylesheet">
	<style>
	body {
	padding-top: 70px;
	/Para la barra inferior fija/
	padding-bottom: 70px;
	}
	</style>
	</head>
	<body>
	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
	<a class="navbar-brand" target="_blank" href="//parzibyte.me/blog">{{env("APP_NAME")}}</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse"
	id="botonMenu" aria-label="Mostrar u ocultar menú">
	<span class="navbar-toggler-icon"></span>
	</button>

	<div class="collapse navbar-collapse" id="menu">
	<ul class="navbar-nav mr-auto">
	@guest
	<li class="nav-item">
	<a class="nav-link" href="{{ route('login') }}">Login</a>
	</li>

	<li class="nav-item">
	<a class="nav-link" href="{{ route('register') }}">
	Registro
	</a>
	</li>
	@else
	<li class="nav-item">
	<a class="nav-link" href="{{route("home")}}">Inicio <i class="fa fa-home"></i></a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{route("productos.index")}}">Productos <i class="fa fa-box"></i></a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{route("vender.index")}}">Vender <i class="fa fa-cart-plus"></i></a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{route("ventas.index")}}">Ventas <i class="fa fa-list"></i></a>
	</li>
	@endguest
	</ul>
	<ul class="navbar-nav ml-auto">
	@auth
	<li class="nav-item">
	<a href="{{route("logout")}}" class="nav-link">
	Salir ({{ Auth::user()->name }})
	</a>
	</li>
	@endauth
	<li class="nav-item">
	<a class="nav-link" href="https://parzibyte.me/blog/contrataciones-ayuda/">Soporte <i
	class="fa fa-hands-helping"></i></a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{route("acerca_de")}}">Acerca de <i class="fa fa-info"></i></a>
	</li>
	</ul>
	</div>
	</nav>
	<script type="text/javascript">
	// Tomado de https://parzibyte.me/blog/2019/06/26/menu-responsivo-bootstrap-4-sin-dependencias/
	document.addEventListener("DOMContentLoaded", () => {
	const menu = document.querySelector("#menu"),
	botonMenu = document.querySelector("#botonMenu");
	if (menu) {
	botonMenu.addEventListener("click", () => menu.classList.toggle("show"));
	}
	});
	</script>
	<main class="container-fluid">
	@yield("contenido")
	</main>
	<footer class="px-2 py-2 fixed-bottom bg-dark">
	<span class="text-muted">Punto de venta en Laravel
	<i class="fa fa-code text-white"></i>
	con
	<i class="fa fa-heart" style="color: #ff2b56;"></i>
	por
	<a class="text-white" href="//parzibyte.me/blog">Parzibyte</a>
	\|
	<a target="_blank" class="text-white" href="//github.com/parzibyte/sistema_ventas_laravel">
	<i class="fab fa-github"></i>
	</a>
	</span>
	</footer>
	</body>
	</html>