@extends('layouts.admin')

@section('title', 'Tip Details')

@section('content')
    <div class="mb-6 flex justify-between items-center">
        <h1 class="text-3xl font-bold text-gray-900">Tip Details</h1>
        <a href="{{ route('admin.tips.index') }}" class="bg-gray-300 hover:bg-gray-400 text-gray-800 px-4 py-2 rounded-md text-sm font-medium">Back</a>
    </div>

    <div class="bg-white shadow rounded-lg p-6">
        <div class="grid grid-cols-1 gap-6">
            <div>
                <h3 class="text-sm font-medium text-gray-500">Name</h3>
                <p class="mt-1 text-sm text-gray-900">{{ $tip->name }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Email</h3>
                <p class="mt-1 text-sm text-gray-900">{{ $tip->email }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Phone</h3>
                <p class="mt-1 text-sm text-gray-900">{{ $tip->phone ?? 'N/A' }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Location</h3>
                <p class="mt-1 text-sm text-gray-900">{{ $tip->location ?? 'N/A' }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Category</h3>
                <p class="mt-1 text-sm text-gray-900">{{ $tip->category }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Message</h3>
                <p class="mt-1 text-sm text-gray-900 whitespace-pre-wrap">{{ $tip->message }}</p>
            </div>
            <div>
                <h3 class="text-sm font-medium text-gray-500">Status</h3>
                <form action="{{ route('admin.tips.status', $tip) }}" method="POST" class="mt-2 flex items-center space-x-2">
                    @csrf @method('PATCH')
                    <select name="status" class="border border-gray-300 rounded-md px-3 py-2 text-sm">
                        @foreach($statuses as $value => $label)
                            <option value="{{ $value }}" {{ $tip->status === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                    <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Update</button>
                </form>
            </div>
        </div>
    </div>
@endsection