@extends('layouts.app')

@section('title', 'Home Page')

@section('content')
<section id="hero" class="py-5 bg-light">
    <div class="container">
        <h1 class="mb-4 text-center">🌐 Site Preview Tool</h1>

        <div class="card shadow-sm p-4 mb-4">
            <form method="POST" action="{{ route('site.preview.generate') }}">
                @csrf

                <div class="mb-3">
                    <label for="ip" class="form-label">Server IP</label>
                    <input type="text" name="ip" class="form-control" value="{{ old('ip', $ip ?? '') }}" required>
                </div>

                <div class="mb-3">
                    <label for="domain" class="form-label">Domain</label>
                    <input type="text" name="domain" class="form-control" value="{{ old('domain', $domain ?? '') }}" required>
                </div>

                <button type="submit" class="btn btn-primary w-100">🔍 Generate Preview</button>
            </form>
        </div>

        @if($errors->any())
            <div class="alert alert-danger">
                <strong>There were some problems:</strong>
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(isset($previewUrl))
            <div class="alert alert-success">
                <h5>✅ Preview URL:</h5>
                <a href="{{ $previewUrl }}" target="_blank">{{ $previewUrl }}</a>
            </div>
        @endif

        @if(isset($response))
            <hr>
            <h4 class="mt-4 mb-3">📄 Preview of <strong>{{ $domain }}</strong> ({{ $ip }})</h4>
            <div class="border p-3 bg-white shadow-sm rounded">
                {!! $response !!}
            </div>
        @endif
    </div>
</section>
@endsection