<div class="modal" id="response-details">
    <div class="modal-background"></div>
    <div class="modal-card">
        <div class="modal-card-body" style="border-radius: 8px;">

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Author Name</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-author_name" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Author Photo</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-author_photo" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Author URL</label>
                </div>
                <div class="field-body">
                    <input class="input" type="url" id="response-author_url" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Name</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-name" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Content</label>
                </div>
                <div class="field-body">
                    <textarea class="textarea" id="response-content_text" rows="4" readonly></textarea>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">RSVP</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-rsvp" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Photos</label>
                </div>
                <div class="field-body">
                    <textarea class="textarea" id="response-photos" rows="4" readonly></textarea>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">URL</label>
                </div>
                <div class="field-body">
                    <input class="input" type="url" id="response-url" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Webmention Source URL</label>
                </div>
                <div class="field-body">
                    <input class="input" type="url" id="response-source_url" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Post Type</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-post_type" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Published At</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-published" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Created At</label>
                </div>
                <div class="field-body">
                    <input class="input" type="text" id="response-created_at" readonly>
                </div>
            </div>

            <div class="field is-horizontal">
                <div class="field-label">
                    <label class="label">Parsed Post Data</label>
                </div>
                <div class="field-body">
                    <textarea class="textarea" id="response-data" rows="6" readonly></textarea>
                </div>
            </div>



        </div>
    </div>
    <button class="modal-close is-large" aria-label="close"></button>
</div>
