@extends('layouts.proxy')

@section('title', 'Browsing: ' . $url)

@section('content')
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
    <div class="p-6 text-gray-900">
        <div class="mb-4">
            <form action="{{ route('proxy.browse') }}" method="POST" class="flex space-x-2">
                @csrf
                <input type="url" name="url" value="{{ htmlspecialchars($url) }}" 
                       class="flex-1 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
                <button type="submit"
                        class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Go
                </button>
            </form>
        </div>

        <div class="prose max-w-none">
            {!! $content !!}
        </div>
    </div>
</div>
@endsection