@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;
  }
  a:hover{
      color:#fff !important;
      text-decoration: none !important;
  }
</style>
@section('content')
<div class="container">
    <h4>Contact Details</h4>

    <p><strong>Name:</strong> {{ $contact->name }}</p>
    <p><strong>Email:</strong> {{ $contact->email }}</p>
    <p><strong>Contact:</strong> {{ $contact->contact_no }}</p>
    <p><strong>Message:</strong> {{ $contact->message }}</p>

    <a href="{{ route('contacts.index') }}" class="btn-new">Back</a>
</div>
@endsection