@extends('layouts.app')

@section('title')
    Show Contact Us
@endsection

@section('headerWithButton')
    <h2 class="text-lg font-semibold text-gray-900">@yield('title')</h2>
@endsection
@section('content')
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4">
        <!-- Full Name-->
        <div>
            <label class="block text-sm font-medium text-gray-700" for="full_name">Full Name </label>
            <input type="text" id="full_name" name="full_name" value="{{ $contactus->full_name }}"
                class="mt-1 block w-full px-3 py-2 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500"
                disabled>
        </div>

        <!-- Email -->
        <div>
            <label class="block text-sm font-medium text-gray-700" for="email">Email </label>
            <input type="text" id="email" name="email" value="{{ $contactus->email }}"
                class="mt-1 block w-full px-3 py-2 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500"
                disabled>
        </div>

        <!-- Subject -->
        <div class="col-span-2">
            <label class="block text-sm font-medium text-gray-700" for="subject">Subject </label>
            <textarea id="subject" name="subject"
                class="mt-1 block w-full px-3 py-2 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" disabled>{{ $contactus->subject }}</textarea>
        </div>

        <!-- Message -->
        <div class="col-span-2">
            <label class="block text-sm font-medium text-gray-700" for="message">Message </label>
            <textarea id="message" name="message"
                class="mt-1 block w-full px-3 py-2 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" disabled>{{ $contactus->message }}</textarea>
        </div>
    </div>
@endsection