{% extends "page.html" %}
{% block page_content %}
<div class="card">
    <div class="card-header"><h2>Объекты</h2>
        <button class="btn btn-primary btn-sm" onclick="document.getElementById('modal-object').classList.add('open')">+ Добавить</button>
    </div>
    <form method="get" class="filter-bar">
        <input type="text" name="search" placeholder="Поиск..." value="{{ search }}">
        <select name="customer_id" onchange="this.form.submit()"><option value="">Все клиенты</option>{% for c in customers_list %}<option value="{{ c.id }}" {% if customer_id == c.id %}selected{% endif %}>{{ c.name }}</option>{% endfor %}</select>
        <button class="btn btn-primary btn-sm">Найти</button>
    </form>
    <div class="table-wrap"><table><thead><tr><th>Название</th><th>Клиент</th><th>Тип</th><th>Адрес</th><th>Статус</th><th class="actions"></th></tr></thead>
        <tbody>{% for o in objects %}<tr>
            <td>{{ o.name }}</td><td>{{ o.customer.name if o.customer else '' }}</td>
            <td>{{ o.object_type }}</td><td><small>{{ o.address }}</small></td>
            <td><span class="badge badge-{{ o.status }}">{{ {'active':'Активен','inactive':'Неактивен','audit':'Аудит','prospective':'Перспективный'}[o.status] }}</span></td>
            <td class="actions">
                <button class="btn btn-secondary btn-sm" onclick="editObject({{ o.id }},'{{ o.name|e }}','{{ o.customer_id or '' }}','{{ o.object_type|e }}','{{ o.address|e }}','{{ o.contact_person|e }}','{{ o.contact_phone|e }}','{{ o.status }}','{{ o.notes|e }}')">✎</button>
                {% if user.role == 'owner' %}
                <form method="post" action="/service/objects/delete" style="display:inline" id="delete-object-form-{{ o.id }}"><input type="hidden" name="id" value="{{ o.id }}"><button type="button" class="btn btn-danger btn-sm" onclick="openConfirmDeleteObject({{ o.id }},'{{ o.name|e }}')" title="Удалить">✕</button></form>
                {% endif %}
            </td>
        </tr>{% endfor %}</tbody></table>
    </div>
</div>
<div class="modal-overlay" id="modal-object"><div class="modal">
    <button type="button" class="modal-close" onclick="this.closest('.modal-overlay').classList.remove('open')">✕</button>
    <h2 id="modal-object-title">Новый объект</h2>
    <form method="post" id="modal-object-form" action="/service/objects/create">
        <input type="hidden" name="id" id="object-id">
        <div class="form-row">
            <div class="form-group"><label>Название</label><input type="text" name="name" id="object-name" required></div>
            <div class="form-group"><label>Клиент</label><select name="customer_id" id="object-customer_id"><option value="">—</option>{% for c in customers_list %}<option value="{{ c.id }}">{{ c.name }}</option>{% endfor %}</select></div>
        </div>
        <div class="form-row">
            <div class="form-group"><label>Тип объекта</label><select name="object_type" id="object-object_type"><option value="">— Выберите —</option><option value="office">Офис</option><option value="warehouse">Склад</option><option value="production">Производство</option><option value="retail">Торговое помещение</option><option value="residential">Жилой комплекс</option><option value="construction">Стройка</option><option value="other">Другое</option></select></div>
            <div class="form-group"><label>Статус</label><select name="status" id="object-status"><option value="active">Активен</option><option value="inactive">Неактивен</option><option value="audit">Аудит</option><option value="prospective">Перспективный</option></select></div>
        </div>
        <div class="form-group"><label>Адрес</label><input type="text" name="address" id="object-address"></div>
        <div class="form-row">
            <div class="form-group"><label>Контактное лицо</label><input type="text" name="contact_person" id="object-contact_person"></div>
            <div class="form-group"><label>Телефон</label><input type="text" name="contact_phone" id="object-contact_phone"></div>
        </div>
        <div class="form-group"><label>Заметки</label><textarea name="notes" id="object-notes"></textarea></div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Сохранить</button>
            <button type="button" class="btn btn-secondary" onclick="this.closest('.modal-overlay').classList.remove('open')">Отмена</button>
        </div>
    </form>
</div></div>
<div class="modal-overlay" id="confirm-delete-object">
    <div class="modal" style="max-width:420px;">
        <h2 style="font-size:16px;margin-bottom:8px;">Удалить объект?</h2>
        <p style="color:var(--text-secondary);font-size:14px;margin-bottom:20px;">
            <strong id="delete-object-name"></strong> будет удалён навсегда. Это действие нельзя отменить.
        </p>
        <div class="form-actions" style="justify-content:flex-end;">
            <button type="button" class="btn btn-danger" onclick="confirmDeleteObject()">Удалить</button>
            <button type="button" class="btn" onclick="closeConfirmDeleteObject()">Отмена</button>
        </div>
    </div>
</div>
<script>
var deleteObjectId = null;
function openConfirmDeleteObject(id, name){
    deleteObjectId = id;
    document.getElementById('delete-object-name').textContent = name || '#' + id;
    document.getElementById('confirm-delete-object').classList.add('open');
}
function closeConfirmDeleteObject(){
    document.getElementById('confirm-delete-object').classList.remove('open');
    deleteObjectId = null;
}
function confirmDeleteObject(){
    if(!deleteObjectId) return;
    document.getElementById('delete-object-form-' + deleteObjectId).submit();
    closeConfirmDeleteObject();
}
function editObject(id,name,cid,type,addr,person,phone,status,notes){
    document.getElementById('modal-object').classList.add('open');
    document.getElementById('modal-object-title').textContent = 'Редактировать объект';
    document.getElementById('modal-object-form').action = '/service/objects/edit';
    document.getElementById('object-id').value = id;
    document.getElementById('object-name').value = name;
    document.getElementById('object-customer_id').value = cid;
    document.getElementById('object-object_type').value = type;
    document.getElementById('object-address').value = addr;
    document.getElementById('object-contact_person').value = person;
    document.getElementById('object-contact_phone').value = phone;
    document.getElementById('object-status').value = status;
    document.getElementById('object-notes').value = notes;
}
</script>
{% endblock %}