{{-- @extends('layouts.app')

@section('content')

<div class="container">
    <h2>Edit Analysis</h2>

    <form method="POST" action="{{ route('admin.app-analysis.update', $item->id) }}">
        @csrf
        @method('PUT')

        <input type="text" name="title" value="{{ $item->title }}" class="form-control mb-3">

        <textarea name="intro" class="form-control mb-3">{{ $item->intro }}</textarea>
        <textarea name="idea" class="form-control mb-3">{{ $item->idea }}</textarea>
        <textarea name="how_it_works" class="form-control mb-3">{{ $item->how_it_works }}</textarea>
        <textarea name="why_amazing" class="form-control mb-3">{{ $item->why_amazing }}</textarea>
        <textarea name="technical" class="form-control mb-3">{{ $item->technical }}</textarea>
        <textarea name="architecture" class="form-control mb-3">{{ $item->architecture }}</textarea>
        <textarea name="steps" class="form-control mb-3">{{ $item->steps }}</textarea>

        <button class="btn btn-primary">Update</button>
    </form>
</div>

@endsection --}}



@extends('layouts.app')

@section('content')
    <div class="container">
        <h2>Edit Analysis</h2>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form method="POST" action="{{ route('admin.app-analysis.update', $item->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <input type="text" name="title" class="form-control mb-3" placeholder="Title"
                value="{{ old('title', $item->title) }}">

            <button type="button" class="btn btn-info mb-3" onclick="generateAI()">
                🧠 Auto Generate with AI
            </button>

            <textarea name="intro" class="form-control mb-3" placeholder="Intro">{{ old('intro', $item->intro) }}</textarea>

            <textarea name="idea" class="form-control mb-3" placeholder="Idea">{{ old('idea', $item->idea) }}</textarea>

            <textarea name="how_it_works" class="form-control mb-3" placeholder="How it works">{{ old('how_it_works', $item->how_it_works) }}</textarea>

            <textarea name="why_amazing" class="form-control mb-3" placeholder="Why amazing">{{ old('why_amazing', $item->why_amazing) }}</textarea>

            <textarea name="technical" class="form-control mb-3" placeholder="Technical">{{ old('technical', $item->technical) }}</textarea>

            <textarea name="architecture" class="form-control mb-3" placeholder="Architecture">{{ old('architecture', $item->architecture) }}</textarea>

            <textarea name="steps" class="form-control mb-3" placeholder="Steps">{{ old('steps', $item->steps) }}</textarea>

            <input type="text" name="topic" class="form-control mb-3" placeholder="Topic"
                value="{{ old('topic', $item->topic) }}">
            <div class="col-md-6 mb-3">
                <label>Website</label>
                <input type="url" name="website" class="form-control" value="{{ old('website', $item->website) }}">
            </div>
            <div class="col-md-6 mb-3">
                <label>Name</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $item->name ?? '') }}">
            </div>
            <div class="mb-3">
                <label>News Title</label>
                <input type="text" name="news_title" class="form-control"
                    value="{{ old('news_title', $item->news_title ?? '') }}">
            </div>

            <div class="mb-3">
                <label>News URL</label>
                <input type="url" name="news_url" class="form-control"
                    value="{{ old('news_url', $item->news_url ?? '') }}">
            </div>
            <div class="col-md-6 mb-3">
                <label>Founder</label>
                <input type="text" name="founder" class="form-control" value="{{ old('founder') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>AI Credit Image</label>
                <input type="text" name="headquarters" class="form-control" value="{{ old('headquarters') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>News Website Name</label>
                <input type="text" name="origin" class="form-control" value="{{ old('origin', $item->origin ?? '') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>Image Credit</label>
                <input type="text" name="industry" class="form-control"
                    value="{{ old('name', $item->industry ?? '') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>Similar App</label>
                <input type="text" name="coverage" class="form-control" placeholder="e.g. Pan-African"
                    value="{{ old('name', $item->coverage ?? '') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>Email</label>
                <input type="email" name="contact_email" class="form-control" value="{{ old('contact_email') }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>Phone</label>
                <input type="text" name="contact_phone" class="form-control" value="{{ old('contact_phone') }}">
            </div>

            <div class="col-12 mb-3">
                <label>Description of Similar App</label>
                <textarea name="description" class="form-control" rows="4">{{ old('name', $item->description ?? '') }}</textarea>
            </div>
            <div class="mb-3">
                <label class="form-label">Upload Drawing Image</label>
                <input type="file" name="drawing_file" class="form-control">

                @if ($item->drawing_file)
                    <small>Current: {{ $item->drawing_file }}</small>
                @endif
            </div>
            <div class="mb-3">
                <label for="ai_image" class="form-label">AI Image</label>
                <input type="file" name="ai_image" id="ai_image" class="form-control">

                @if (!empty($analysis->ai_image))
                    <div class="mt-2">
                        <img src="{{ asset($analysis->ai_image) }}" alt="AI Image" style="max-width: 200px;"
                            class="rounded shadow">
                    </div>
                @endif
            </div>
            <textarea name="brief_description" class="form-control mb-3" placeholder="Brief Description">{{ old('brief_description', $item->brief_description) }}</textarea>

            <textarea name="full_description" class="form-control mb-3" placeholder="Full Description">{{ old('full_description', $item->full_description) }}</textarea>

            {{-- <input type="text" name="topic_image" class="form-control mb-3" placeholder="Topic Image URL"
                value="{{ old('topic_image', $item->topic_image) }}"> --}}
            <div class="mb-3">

                <label class="form-label">Current Image</label>

                @if ($item->topic_image)
                    <div class="mb-2">
                        <img src="{{ asset($item->topic_image) }}" width="150" class="img-thumbnail">
                    </div>
                @else
                    <p class="text-muted">No image uploaded</p>
                @endif

            </div>

            <div class="mb-3">
                <label class="form-label">Upload New Image</label>
                <input type="file" name="topic_image_file" class="form-control">
            </div>

            <div class="mb-3">
                <label class="form-label">Or Use Image URL</label>
                <input type="text" name="topic_image_url" class="form-control" value="{{ old('topic_image_url') }}"
                    placeholder="https://example.com/image.jpg">
            </div>

            <div class="form-check mb-3">
                <input type="checkbox" name="remove_image" class="form-check-input" id="removeImage">
                <label class="form-check-label" for="removeImage">Remove current image</label>
            </div>
            <!-- Logo -->
            <div class="mb-3">
                <label>Upload Logo File</label>
                <input type="file" name="logo_file" class="form-control">
                @if ($item->logo)
                    <small>Current Logo: {{ $item->logo }}</small>
                @endif
            </div>

            <input type="text" name="logo_url" class="form-control mb-3" placeholder="Paste Logo URL"
                value="{{ old('logo_url', $item->logo_url) }}">

            <button type="submit" id="saveBtn" class="btn btn-success mt-4 mb-4">
                Update
            </button>
        </form>
        {{-- <a href="{{ route('admin.app-analysis.diagram', $item->id) }}" class="btn btn-dark mt-3">
            ✏️ Generate Sketch Diagram
        </a> --}}
        <a href="{{ route('admin.app-analysis.diagram', $item->id) }}" class="btn btn-dark mt-3">
            Generate Sketch Diagram
        </a>
        <script>
            function generateAI() {
                let title = document.querySelector('input[name="title"]').value;

                let btn = document.getElementById('saveBtn');
                btn.disabled = true;
                btn.innerText = "Generating...";

                fetch("{{ route('admin.app-analysis.ai') }}", {
                        method: "POST",
                        headers: {
                            'Content-Type': 'application/json',
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                        body: JSON.stringify({
                            title: title
                        })
                    })
                    .then(res => res.json())
                    .then(data => {

                        document.querySelector('textarea[name="intro"]').value = data.intro;
                        document.querySelector('textarea[name="idea"]').value = data.idea;
                        document.querySelector('textarea[name="how_it_works"]').value = data.how_it_works;
                        document.querySelector('textarea[name="why_amazing"]').value = data.why_amazing;
                        document.querySelector('textarea[name="technical"]').value = data.technical;
                        document.querySelector('textarea[name="architecture"]').value = data.architecture;
                        document.querySelector('textarea[name="steps"]').value = data.steps;

                        btn.disabled = false;
                        btn.innerText = "Update";
                    })
                    .catch(err => {
                        console.error(err);
                        btn.disabled = false;
                        btn.innerText = "Update";
                    });
            }
        </script>

    </div>
@endsection