@extends('layouts.dashboard')

@section('content')
    <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>{{$mensajes->nombre}}</span>
                    <span class="form-control" id=""><strong>Correo:</strong>{{$mensajes->correo}}</span>
                    <span class="form-control" id="">{{$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>{{$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="{{ route('mensajes') }}" title="Volver a mensajes"><i class="fas fa-arrow-left"></i></a>
                <div url="{{ route('eliminar-mensaje',[$mensajes->id]) }}" url2="{{ route('mensajes') }}" id="iconoEliminarMensaje"  class="btn btn-danger" title="eliminar"><i class="far fa-trash-alt"></i></div>
                <button type="button" class="btn btn-warning" title="destacar mensaje"><i class="fas fa-star"></i></button>
            </div>
        </div>
    </section>
    <style>        
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav>.nav-item>.mensajesLink {color:#b53e3e;}
    </style>
	<script src="{{ asset('js/mensajes/mensajes.js') }}"></script>
	<script src="{{ asset('js/funciones.js') }}"></script>
	<script src="{{ asset('js/sweetalert.min.js') }}"></script>
	<link  media="all" rel="stylesheet" type="text/css" href="{{ asset('css/mensajes.css') }}">

@endsection