<!Doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Asesoritech</title>
	<link rel="stylesheet" href="<?php echo e(asset('bootstrap/css/bootstrap.css')); ?>">
	<script  src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
	<link  media="all" rel="stylesheet" type="text/css" href="<?php echo e(asset('css/mensajes.css')); ?>">
	<link rel="stylesheet" href="<?php echo e(asset('css/nav-style.css')); ?>">
	<script src="<?php echo e(asset('fontawesome-5.1.0/js/all.js')); ?>"></script>
	<link rel="stylesheet" href="<?php echo e(asset('fontawesome-5.1.0/css/all.css')); ?>">
</head>
<body>
	<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
	  <a class="navbar-brand" href=".././"><img class="img-logo" src="../img/logo5.png"></a>
	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
	  </button>
	  <div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item">
					<a class="nav-link" href="/admin">Admin</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="/mensajes">Mensajes</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="/users">Users</a>
				</li>
			</ul>
      </div>
	  <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
		<ul class="navbar-nav ml-auto">
			<li class="nav-item">
				<a class="nav-link" href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
					<?php echo e(__('Logout')); ?>

				</a>
			</li>
				<form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">
								<?php echo csrf_field(); ?>
				</form>
            </li>
        </ul>
      </div>
    </nav>
    <section class="container mensaje-container">
        <h3 class="titulo-vista">mensaje</h3>
        <div class="alert alert-secondary well mensaje-selected">
            <div class="input-group mensaje-info-remitente">
                <div class="input-group-prepend">
                    <span class="form-control" id=""><strong>Nombre:</strong><?php echo e($mensajes->nombre); ?></span>
                    <span class="form-control" id=""><strong>Correo:</strong><?php echo e($mensajes->correo); ?></span>
                    <span class="form-control" id=""><?php echo e($mensajes->updated_at); ?></span>  
                </div>
            </div>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="">contenido</span>
                </div>
                <div  class="form-control contenido-mensaje"> 
                    <p><?php echo e($mensajes->mensaje); ?></p>
                </div>
            </div>
        </div>
        <div class="opciones-mensaje">
            <div class="btn-group" role="group" aria-label="First group">
                <a role="button" class="btn btn-secondary" href="/mensajes" title="anterior mensaje"><i class="fas fa-arrow-left"></i></a>
                <button role="button" onclick="eliminarMensaje(<?php echo e($mensajes->id); ?>)" class="btn btn-danger" title="eliminar"><i class="far fa-trash-alt"></i></button>
                <button type="button" class="btn btn-warning" title="destacar mensaje"><i class="fas fa-star"></i></button>
                <a role="button" class="btn btn-secondary" href="/ver-mensaje/<?php echo e($mensajes->id+1); ?>" title="siguiente mensaje"><i class="fas fa-arrow-right"></i></a>
            </div>
        </div>
    </section>
	<script src="<?php echo e(asset('js/mensajes/mensajes.js')); ?>"></script>
	<script src="<?php echo e(asset('js/funciones.js')); ?>"></script>
	<script src="<?php echo e(asset('js/sweetalert.min.js')); ?>"></script>
</body>
</html>