@extends('user::layouts.master')
@section('breadcrumb_title', 'Edit Blog Comment')

@section('content')
    <div class="flex justify-between items-center mb-4">
        <h1>Edit Blog Comment: {{ $blogComment->name }}</h1>
        <div class="flex gap-2">
            <a href="{{ route('author.blog-comments.show', $blogComment->id) }}" class="btn btn-primary btn-black">
                <i class="fas fa-eye mr-2"></i> View
            </a>
            <a href="{{ route('author.blog-comments.index') }}" class="btn btn-primary">
                <i class="fas fa-arrow-left mr-2"></i> Back to Comments
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('author.blog-comments.update', $blogComment->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-4 input-with-label">
                    <label for="content" class="form-label">Description</label>
                    <textarea class="textarea form-control @error('content') is-invalid @enderror" id="content" name="content"
                        rows="4">{{ old('content', $blogComment->content) }}</textarea>
                    @error('content')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-4 input-with-label">
                    <label for="content" class="form-label">Status</label>
                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status">
                        <option value="approved" {{ old('status', $blogComment->status) === 'approved' ? 'selected' : '' }}>
                            Approved</option>
                        <option value="pending" {{ old('status', $blogComment->status) === 'pending' ? 'selected' : '' }}>
                            Pending</option>
                        <option value="spam" {{ old('status', $blogComment->status) === 'spam' ? 'selected' : '' }}>
                            Spam</option>
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3 flex gap-4">
                    <button type="submit" class="btn btn-primary">Update Comment</button>
                    <a href="{{ route('author.blog-comments.index') }}" class="btn btn-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection