@extends('layouts.app')



<style>
      .btn-new{
    background-color: #001d40;
    border-color: #001d40;
    color:#fff;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-right: 5px;
  }
  a:hover{
      color:#fff !important;
      text-decoration: none !important;
  }
  .font-26{
      font-size:26px;
  }
</style>
@section('content')
<div class="container">
    <h2 class="font-26">Update Details</h2>
    <div class="card mb-3">
        <div class="card-header">
            <h3>{{ $update->title }}</h3>
        </div>
        <div class="card-body">
            <p><strong>Message:</strong> {{ $update->message }}</p>
            <p><strong>Created Date:</strong> {{ $update->create_date }}</p>
            <p><strong>Updated Date:</strong> {{ $update->update_date }}</p>
        </div>
    </div>
    
    <a href="{{ route('updates.index') }}" class="btn-new">Back to List</a>
</div>
@endsection