﻿<%- include('../partials/header') %>
<link rel="stylesheet" href="/assets/css/admin.css">

<div class="admin-container container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Ù…Ø´Ø§Ù‡Ø¯Ù‡ Ù¾ÛŒØ§Ù…</h1>
        <a href="/admin/messages" class="btn btn-secondary">Ø¨Ø§Ø²Ú¯Ø´Øª</a>
    </div>

    <div class="text-bg-dark p-4 rounded-3">
        <div class="row mb-3">
            <div class="col-md-6">
                <strong>Ù†Ø§Ù…:</strong> <%= message.name %>
            </div>
            <div class="col-md-6">
                <strong>Ø§ÛŒÙ…ÛŒÙ„:</strong> <%= message.email %>
            </div>
        </div>
        
        <div class="row mb-3">
            <div class="col-md-6">
                <strong>ØªÙ„ÙÙ†:</strong> <%= message.phone || 'Ø°Ú©Ø± Ù†Ø´Ø¯Ù‡' %>
            </div>
            <div class="col-md-6">
                <strong>ØªØ§Ø±ÛŒØ®:</strong> <%= new Date(message.created_at).toLocaleString('fa-IR') %>
            </div>
        </div>
        
        <div class="mb-3">
            <strong>Ù…ÙˆØ¶ÙˆØ¹:</strong> <%= message.subject %>
        </div>
        
        <div class="mb-4">
            <strong>Ù¾ÛŒØ§Ù…:</strong>
            <div class="border p-3 rounded mt-2 bg-dark">
                <%= message.message.replace(/\n/g, '<br>') %>
            </div>
        </div>
        
        <div class="mb-3">
            <strong>IP:</strong> <%= message.ip_address || 'Ù†Ø§Ù…Ø´Ø®Øµ' %>
        </div>
        
        <% if (message.status !== 'replied') { %>
        <hr>
        <h5>Ù¾Ø§Ø³Ø® Ø¨Ù‡ Ù¾ÛŒØ§Ù…</h5>
        <form method="post" action="/admin/messages/reply/<%= message.id %>">
            <div class="mb-3">
                <textarea name="reply_message" class="form-control bg-dark text-white" rows="5" required placeholder="Ù…ØªÙ† Ù¾Ø§Ø³Ø® Ø®ÙˆØ¯ Ø±Ø§ ÙˆØ§Ø±Ø¯ Ú©Ù†ÛŒØ¯..."></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Ø§Ø±Ø³Ø§Ù„ Ù¾Ø§Ø³Ø®</button>
        </form>
        <% } else { %>
        <hr>
        <div class="mb-3">
            <strong>Ù¾Ø§Ø³Ø® Ø§Ø±Ø³Ø§Ù„ Ø´Ø¯Ù‡:</strong>
            <div class="border p-3 rounded mt-2 bg-dark">
                <%= message.reply_message.replace(/\n/g, '<br>') %>
            </div>
            <small class="text-muted">ØªØ§Ø±ÛŒØ® Ù¾Ø§Ø³Ø®: <%= new Date(message.replied_at).toLocaleString('fa-IR') %></small>
        </div>
        <% } %>
    </div>
</div>

<%- include('../partials/footer') %>
