{% extends 'base.html' %}

{% block title %}{{ 'Editar' if perfil else 'Novo' }} Perfil do App do Garçom{% endblock %}

{% block content %}
<div class="container-fluid py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <h4 class="mb-1"><i class="bi bi-sliders text-warning"></i> {{ 'Editar' if perfil else 'Novo' }} Perfil do App do Garçom</h4>
            <p class="text-muted mb-0">Defina o que o garçom pode fazer livremente, o que exige gerente e o que fica bloqueado.</p>
        </div>
        <a href="{{ url_for('food.perfis_garcom_food') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }} alert-dismissible fade show">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <form method="POST">
        <div class="row g-3">
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-header bg-light">Identificação</div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Nome do perfil *</label>
                            <input type="text" class="form-control" name="nome" value="{{ perfil.nome if perfil else '' }}" maxlength="100" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Descrição</label>
                            <textarea class="form-control" name="descricao" rows="4" maxlength="500">{{ perfil.descricao if perfil else '' }}</textarea>
                        </div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="perfilAtivo" name="ativo" {% if perfil is none or perfil.ativo %}checked{% endif %}>
                            <label class="form-check-label" for="perfilAtivo">Perfil ativo</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-light">Operações do app</div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Abrir mesa/comanda</label>
                                <select class="form-select" name="controle_abrir_mesa">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_abrir_mesa if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Lançar itens</label>
                                <select class="form-select" name="controle_lancar_item">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_lancar_item if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Transferir mesa</label>
                                <select class="form-select" name="controle_transferir_mesa">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_transferir_mesa if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Trocar garçom</label>
                                <select class="form-select" name="controle_trocar_garcom">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_trocar_garcom if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Fechar para o caixa</label>
                                <select class="form-select" name="controle_fechar_conta">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_fechar_conta if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Editar/remover itens</label>
                                <select class="form-select" name="controle_editar_itens">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_editar_itens if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Cancelar comanda</label>
                                <select class="form-select" name="controle_cancelar_comanda">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_cancelar_comanda if perfil else 'gerente') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Confirmar entrega</label>
                                <select class="form-select" name="controle_confirmar_entrega">
                                    {% for valor, label in controle_labels.items() %}
                                    <option value="{{ valor }}" {% if (perfil.controle_confirmar_entrega if perfil else 'liberado') == valor %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-light">Visualização no app</div>
                    <div class="card-body">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeAcessarMesasFood" name="pode_acessar_mesas_food" {% if perfil is none or perfil.pode_acessar_mesas_food %}checked{% endif %}>
                            <label class="form-check-label" for="podeAcessarMesasFood">
                                Mostrar módulo Mesas
                            </label>
                        </div>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeAcessarComandasFood" name="pode_acessar_comandas_food" {% if perfil is none or perfil.pode_acessar_comandas_food %}checked{% endif %}>
                            <label class="form-check-label" for="podeAcessarComandasFood">
                                Mostrar módulo Conta / detalhes da comanda
                            </label>
                        </div>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeAcessarProdutosFood" name="pode_acessar_produtos_food" {% if perfil is none or perfil.pode_acessar_produtos_food %}checked{% endif %}>
                            <label class="form-check-label" for="podeAcessarProdutosFood">
                                Mostrar módulo Adicionar produtos
                            </label>
                        </div>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeVisualizarValores" name="pode_visualizar_valores" {% if perfil is none or perfil.pode_visualizar_valores %}checked{% endif %}>
                            <label class="form-check-label" for="podeVisualizarValores">
                                Mostrar valores, totais e resumo da comanda
                            </label>
                        </div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="podeVisualizarAlertas" name="pode_visualizar_alertas_producao" {% if perfil is none or perfil.pode_visualizar_alertas_producao %}checked{% endif %}>
                            <label class="form-check-label" for="podeVisualizarAlertas">
                                Mostrar alertas de pedidos prontos / produção
                            </label>
                        </div>
                        <div class="form-check form-switch mt-3">
                            <input class="form-check-input" type="checkbox" id="podeAcessarConfiguracoesFood" name="pode_acessar_configuracoes_food" {% if perfil and perfil.pode_acessar_configuracoes_food %}checked{% endif %}>
                            <label class="form-check-label" for="podeAcessarConfiguracoesFood">
                                Mostrar botão Config e permitir abrir as configurações do Food no app do garçom
                            </label>
                            <div class="form-text">Administradores e gerentes continuam com acesso por padrão.</div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-3">
                    <div class="card-header bg-light">Mesas e comandas de outro garçom</div>
                    <div class="card-body">
                        <p class="text-muted small mb-3">Essas opções liberam o acesso cruzado entre atendimentos. Se quiser usar lançar/prévia em outro garçom, o ideal é também manter a visualização habilitada.</p>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeVerOutroGarcom" name="pode_ver_mesas_outros_garcons" {% if perfil is none or perfil.pode_ver_mesas_outros_garcons %}checked{% endif %}>
                            <label class="form-check-label" for="podeVerOutroGarcom">
                                Ver mesas e comandas de outro garçom
                            </label>
                        </div>
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="podeLancarOutroGarcom" name="pode_lancar_itens_outros_garcons" {% if perfil is none or perfil.pode_lancar_itens_outros_garcons %}checked{% endif %}>
                            <label class="form-check-label" for="podeLancarOutroGarcom">
                                Lançar itens em mesas/comandas de outro garçom
                            </label>
                        </div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="podePreviaOutroGarcom" name="pode_previa_consumo_outros_garcons" {% if perfil is none or perfil.pode_previa_consumo_outros_garcons %}checked{% endif %}>
                            <label class="form-check-label" for="podePreviaOutroGarcom">
                                Fazer prévia / fechar para o caixa em outro garçom
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end gap-2 mt-3">
            <a href="{{ url_for('food.perfis_garcom_food') }}" class="btn btn-outline-secondary">Cancelar</a>
            <button type="submit" class="btn btn-success">
                <i class="bi bi-check-lg"></i> Salvar perfil
            </button>
        </div>
    </form>
</div>
{% endblock %}