@extends('layouts.app')

@section('title')
    Show Grievances
@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="{{ $grievance->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="{{ $grievance->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>

        <!-- Relation -->
        <div>
            <label class="block text-sm font-medium text-gray-700" for="relation">Relation </label>
            <input type="text" id="relation" name="relation" value="{{ $grievance->relation }}"
                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>

        <!-- Contact No -->
        <div>
            <label class="block text-sm font-medium text-gray-700" for="contact_no">Contact No </label>
            <input type="text" id="contact_no" name="contact_no" value="{{ $grievance->contact_no }}"
                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>

        <!-- Address -->
        <div>
            <label class="block text-sm font-medium text-gray-700" for="address">Address </label>
            <input type="text" id="address" name="address" value="{{ $grievance->address }}"
                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>

        <!--Is confidential -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Is Confidential?</label>
            <div class="flex items-center space-x-4">
                <label class="inline-flex items-center">
                    <input type="radio" name="is_confidential" value="1" class="form-radio text-blue-600"
                        {{ isset($grievance) ? ($grievance->is_confidential == 1 ? 'checked' : '') : 'checked' }} disabled>
                    <span class="ml-2 text-gray-700">Yes</span>
                </label>

                <label class="inline-flex items-center">
                    <input type="radio" name="is_confidential" value="0" class="form-radio text-blue-600"
                        {{ isset($grievance) && $grievance->is_confidential == 0 ? 'checked' : '' }} disabled>
                    <span class="ml-2 text-gray-700">No</span>
                </label>
            </div>
        </div>

        <!--Is Affected Party -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Is Affected Party?</label>
            <div class="flex items-center space-x-4">
                <label class="inline-flex items-center">
                    <input type="radio" name="is_affected_party" value="1" class="form-radio text-blue-600"
                        {{ isset($grievance) ? ($grievance->is_affected_party == 1 ? 'checked' : '') : 'checked' }}
                        disabled>
                    <span class="ml-2 text-gray-700">Yes</span>
                </label>

                <label class="inline-flex items-center">
                    <input type="radio" name="is_affected_party" value="0" class="form-radio text-blue-600"
                        {{ isset($grievance) && $grievance->is_affected_party == 0 ? 'checked' : '' }} disabled>
                    <span class="ml-2 text-gray-700">No</span>
                </label>
            </div>
        </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>{{ $grievance->message }}</textarea>
        </div>
    </div>
@endsection