@extends('admin.base-admin')

@section('page_title', 'Agendamento de Equipamentos | Admin TI')

@section('nav')
@include('admin.partials.nav-ti')
@endsection

@section('page-header')
    <h1>
        <i class="bi bi-laptop mr-2" style="font-size:1.1rem;color:#4d7cf5;"></i>
        Equipamentos
    </h1>
@endsection

@section('styles')
<style>
    /* ── Painel lateral de stats ── */
    .equip-panel-card {
        background: var(--dm-surface);
        border: 1px solid var(--dm-border);
        border-radius: 12px;
        padding: 1rem 1.1rem;
        margin-bottom: 1rem;
    }
    .equip-panel-title {
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .8px;
        color: var(--dm-text-muted);
        margin-bottom: .75rem;
        padding-bottom: .5rem;
        border-bottom: 1px solid var(--dm-border);
        display: flex;
        align-items: center;
        gap: .4rem;
    }
    .equip-stat-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .45rem .1rem;
        font-size: .84rem;
    }
    .equip-stat-row + .equip-stat-row { border-top: 1px solid var(--dm-nav-border); }
    .equip-stat-label { display: flex; align-items: center; gap: .5rem; color: var(--dm-text); }
    .equip-stat-count { font-weight: 700; font-size: .9rem; }

    /* ── Tabela: 7 colunas ── */
    .tr-header.equip-header,
    .tr-row.equip-row { grid-template-columns: 0.4fr 0.9fr 0.8fr 1fr 1.7fr 1fr 0.3fr; }
    .tr-row.equip-row { cursor: default; padding-top: .75rem; padding-bottom: .75rem; min-height: 56px; }
    .tr-row.equip-row:hover { background: var(--dm-surface-2); }

    /* ── Grid de detalhes (AJAX partial) ── */
    .equip-detail-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .75rem;
        margin-bottom: 1rem;
    }
    .equip-detail-item {
        background: var(--dm-surface-2);
        border: 1px solid var(--dm-border);
        border-radius: 8px;
        padding: .6rem .85rem;
        display: flex;
        flex-direction: column;
        gap: .2rem;
    }
    .equip-detail-label {
        font-size: .7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .6px;
        color: var(--dm-text-muted);
    }
    .equip-detail-value { font-size: .86rem; color: var(--dm-text); }

    .equip-section-title {
        font-size: .7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .7px;
        color: var(--dm-text-muted);
        margin: 1rem 0 .6rem;
        display: flex;
        align-items: center;
        gap: .4rem;
    }
    .equip-section-title::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--dm-border);
    }

    .equip-modal-actions { display: flex; gap: .5rem; margin-top: .75rem; flex-wrap: wrap; }
    .equip-modal-body { padding: 1.25rem; }

    .saas-btn-success { background: #16a34a; color: #fff !important; border-color: #15803d; }
    .saas-btn-success:hover { background: #15803d; color: #fff !important; border-color: #116830; }
    .saas-btn-danger  { background: #e05252; color: #fff !important; border-color: #c94040; }
    .saas-btn-danger:hover  { background: #c94040; color: #fff !important; border-color: #b03030; }
</style>
@endsection

@section('content')
<div class="container-fluid mt-2">

    {{-- Toolbar --}}
    <div class="saas-toolbar mb-3">
        <div style="flex:1;"></div>
        <button class="saas-btn primary" data-toggle="modal" data-target="#modalAddEquip">
            <i class="bi bi-plus-lg mr-1"></i> Novo equipamento
        </button>
    </div>

    <div class="row" style="margin:0;gap:0;">

        {{-- Painel lateral de stats --}}
        <div class="col-md-3 mb-4" style="padding-right:1.25rem;">
            @php
                $allTypes = array_unique(array_merge(
                    array_keys($livreCount),
                    array_keys($ocupadosCount),
                    $itens->pluck('type')->unique()->toArray()
                ));
                $equipIcons = ['Projetor'=>'bi-projector-fill','Notebook'=>'bi-laptop','TABLET'=>'bi-tablet'];
                $equipLabels = ['Projetor'=>'Projetor','Notebook'=>'Notebook','TABLET'=>'Tablet'];
            @endphp

            <div class="equip-panel-card" style="border-left:3px solid #22c55e;">
                <div class="equip-panel-title">
                    <i class="bi bi-check-circle-fill" style="color:#22c55e;"></i> Disponíveis
                </div>
                @foreach ($allTypes as $type)
                <div class="equip-stat-row">
                    <span class="equip-stat-label">
                        <i class="bi {{ $equipIcons[$type] ?? 'bi-box' }}" style="color:var(--dm-text-muted);"></i>
                        {{ $equipLabels[$type] ?? $type }}
                    </span>
                    <span class="equip-stat-count" style="color:#22c55e;">{{ $livreCount[$type] ?? 0 }}</span>
                </div>
                @endforeach
            </div>

            <div class="equip-panel-card" style="border-left:3px solid #f59e0b;">
                <div class="equip-panel-title">
                    <i class="bi bi-clock-history" style="color:#f59e0b;"></i> Em uso
                </div>
                @foreach ($allTypes as $type)
                <div class="equip-stat-row">
                    <span class="equip-stat-label">
                        <i class="bi {{ $equipIcons[$type] ?? 'bi-box' }}" style="color:var(--dm-text-muted);"></i>
                        {{ $equipLabels[$type] ?? $type }}
                    </span>
                    <span class="equip-stat-count" style="color:#f59e0b;">{{ $ocupadosCount[$type] ?? 0 }}</span>
                </div>
                @endforeach
            </div>
        </div>

        {{-- Tabela --}}
        <div class="col-md-9">

            <div class="tr-header equip-header">
                <div class="tc">#</div>
                <div class="tc">CATEGORIA</div>
                <div class="tc">SELO</div>
                <div class="tc">MODELO</div>
                <div class="tc">RESPONSÁVEL</div>
                <div class="tc" style="justify-content:center;">STATUS</div>
                <div class="tc"></div>
            </div>

            <div id="equip-list">
                @forelse ($itens as $i)
                    <div class="tr-row equip-row">
                        <div class="tc">
                            <span class="text-muted" style="font-size:.78rem;">#{{ $i['id'] }}</span>
                        </div>
                        <div class="tc">
                            <span style="font-size:.82rem;color:var(--dm-text);">{{ $i['type'] }}</span>
                        </div>
                        <div class="tc">
                            <span style="font-size:.82rem;color:var(--dm-text);">{{ $i['selo'] ?: '—' }}</span>
                        </div>
                        <div class="tc">
                            <span style="font-size:.82rem;color:var(--dm-text);">{{ $i['model'] ?: '—' }}</span>
                        </div>
                        <div class="tc">
                            @if ($i['resp'])
                                <div>
                                    <div style="font-size:.82rem;color:var(--dm-text);line-height:1.3;">{{ $i['resp'] }}</div>
                                    @if ($i['setor'])
                                    <div style="font-size:.72rem;color:var(--dm-text-muted);">{{ $i['setor'] }}</div>
                                    @endif
                                </div>
                            @else
                                <span style="font-size:.82rem;color:var(--dm-text-muted);">—</span>
                            @endif
                        </div>
                        <div class="tc" style="justify-content:center;">
                            @if ($i['disp'] == 1)
                                <span class="saas-badge open">Disponível</span>
                            @elseif ($i['disp'] == 2)
                                <span class="saas-badge progress">Em uso</span>
                            @else
                                <span class="saas-badge internal">Inativo</span>
                            @endif
                        </div>
                        <div class="tc tc-actions">
                            <div style="position:relative;">
                                <button class="dots-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="bi bi-three-dots-vertical"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item btn-get" style="cursor:pointer;"
                                        data-id="{{ $i['id'] }}"
                                        data-toggle="modal" data-target="#modalEquip">
                                        <i class="bi bi-eye mr-2"></i> Ver detalhes
                                    </a>
                                    <a class="dropdown-item" style="cursor:pointer;"
                                        data-toggle="modal" data-target="#modalEditEquip{{ $i['id'] }}">
                                        <i class="bi bi-pencil mr-2"></i> Editar
                                    </a>
                                    <div class="dropdown-divider"></div>
                                    @if ($i['disp'] == 2)
                                    <a class="dropdown-item trigger-devolver" style="cursor:pointer;"
                                        data-id="{{ $i['id'] }}"
                                        data-nome="{{ $i['model'] ?: $i['type'] }}">
                                        <i class="bi bi-box-arrow-in-left mr-2" style="color:#22c55e;"></i>
                                        <span style="color:#22c55e;">Devolver</span>
                                    </a>
                                    <a class="dropdown-item trigger-atribuir" style="cursor:pointer;"
                                        data-id="{{ $i['id'] }}"
                                        data-nome="{{ $i['model'] ?: $i['type'] }}"
                                        data-resp="{{ $i['resp'] }}"
                                        data-setor="{{ $i['setor'] }}"
                                        data-filial="{{ $i['filial'] }}">
                                        <i class="bi bi-person-plus mr-2" style="color:#4d7cf5;"></i>
                                        <span style="color:#4d7cf5;">Reatribuir</span>
                                    </a>
                                    @elseif ($i['disp'] == 1)
                                    <a class="dropdown-item trigger-atribuir" style="cursor:pointer;"
                                        data-id="{{ $i['id'] }}"
                                        data-nome="{{ $i['model'] ?: $i['type'] }}"
                                        data-resp="" data-setor="" data-filial="">
                                        <i class="bi bi-person-check mr-2" style="color:#4d7cf5;"></i>
                                        <span style="color:#4d7cf5;">Atribuir</span>
                                    </a>
                                    @endif
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item set-desativar" style="cursor:pointer;"
                                        data-id="{{ $i['id'] }}"
                                        data-disp="{{ $i['disp'] }}"
                                        data-nome="{{ $i['model'] ?: $i['type'] }}"
                                        data-toggle="modal" data-target="#modalDesativarEquip">
                                        @if ($i['disp'] == 0)
                                            <i class="bi bi-toggle2-off mr-2" style="color:#22c55e;"></i>
                                            <span style="color:#22c55e;">Ativar</span>
                                        @else
                                            <i class="bi bi-toggle2-on mr-2" style="color:#e05252;"></i>
                                            <span style="color:#e05252;">Desativar</span>
                                        @endif
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="saas-empty">
                        <p>Nenhum equipamento encontrado.</p>
                    </div>
                @endforelse
            </div>

        </div>
    </div>
</div>

{{-- Modal: Ver detalhes (AJAX) --}}
<div class="modal fade" id="modalEquip" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-laptop mr-2" style="color:#4d7cf5;"></i> Detalhes do equipamento
                </h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body" id="modalEquipContent" style="padding:1.25rem;">
                <div style="text-align:center;padding:2rem 0;color:var(--dm-text-muted);font-size:.85rem;">
                    <i class="bi bi-laptop" style="font-size:2rem;display:block;margin-bottom:.5rem;"></i>
                    Selecione um equipamento para ver os detalhes.
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Modal: Atribuir equipamento --}}
<div class="modal fade" id="modalAtribuirEquip" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" style="margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-person-check mr-2" style="color:#4d7cf5;"></i> Atribuir equipamento
                </h5>
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <p id="atribuir-nome-label" style="font-size:.82rem;color:var(--dm-text-muted);margin-bottom:1rem;"></p>
                <form action="{{ route('atribuir_Equipamento') }}" method="POST">
                    @csrf
                    <input type="hidden" id="atribuir-id" name="id" value="">
                    <div class="form-group mb-3">
                        <label class="col-form-label">Responsável <span style="color:#e05252;">*</span></label>
                        <input type="text" id="atribuir-resp" name="resp" class="form-control"
                            placeholder="Nome do colaborador" required>
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Setor</label>
                        <select id="atribuir-setor" name="setor" class="form-control">
                            <option value="">Selecione...</option>
                            @foreach ($setores as $s)
                            <option value="{{ $s }}">{{ $s }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Filial</label>
                        <select id="atribuir-filial" name="filial" class="form-control">
                            <option value="">Selecione...</option>
                            @foreach ($filiais as $k => $v)
                            <option value="{{ $k }}">{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group mb-4">
                        <label class="col-form-label">
                            Chamado vinculado
                            <span style="font-size:.75rem;color:var(--dm-text-muted);font-weight:400;">(opcional)</span>
                        </label>
                        <input type="text" id="atribuir-chamado" name="chamado_id" class="form-control"
                            placeholder="Nº do chamado" inputmode="numeric">
                        <small style="color:var(--dm-text-muted);font-size:.75rem;">
                            O equipamento permanece atribuído mesmo após o chamado ser concluído.
                            Apenas a devolução manual remove a atribuição.
                        </small>
                    </div>
                    <button type="submit" class="saas-btn primary" style="width:100%;justify-content:center;">
                        <i class="bi bi-person-check mr-2"></i> Confirmar atribuição
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Modal: Confirmar devolução --}}
<div class="modal fade" id="modalDevolverEquip" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" style="max-width:400px;margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-box-arrow-in-left mr-2" style="color:#22c55e;"></i> Devolver ao estoque
                </h5>
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body text-center" style="padding:1.5rem 1.25rem;">
                <p style="font-size:.9rem;color:var(--dm-text);margin-bottom:.35rem;">
                    Confirma a devolução do equipamento?
                </p>
                <p id="devolver-equip-nome" style="font-size:.88rem;font-family:'Courier New',monospace;color:var(--dm-accent);margin:.25rem 0 .5rem;"></p>
                <p style="font-size:.8rem;color:var(--dm-text-muted);margin-top:.5rem;">
                    A atribuição será removida e o equipamento voltará ao estoque disponível.
                </p>
            </div>
            <form action="{{ route('devolver_Equipamento') }}" method="POST">
                @csrf
                <input type="hidden" id="devolver-id" name="id" value="">
                <div class="modal-footer" style="justify-content:space-between;">
                    <button type="button" class="saas-btn" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="saas-btn saas-btn-success">
                        <i class="bi bi-box-arrow-in-left mr-1"></i> Confirmar devolução
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal: Novo equipamento --}}
<div class="modal fade" id="modalAddEquip" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" style="margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-plus-circle mr-2" style="color:#4d7cf5;"></i> Novo equipamento
                </h5>
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adicionar_Equipamento') }}" method="POST">
                    @csrf
                    <div class="form-group mb-3">
                        <label class="col-form-label">Categoria</label>
                        <select name="type" class="form-control" required>
                            <option value="">Selecione...</option>
                            <option value="Projetor">Projetor</option>
                            <option value="Notebook">Notebook</option>
                            <option value="TABLET">Tablet</option>
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Selo / Etiqueta</label>
                        <input type="text" name="selo" class="form-control" placeholder="Ex: TI-001">
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Modelo</label>
                        <input type="text" name="model" class="form-control" placeholder="Opcional">
                    </div>
                    <div class="row">
                        <div class="form-group col-md-6 mb-3">
                            <label class="col-form-label">Processador</label>
                            <input type="text" name="processor" class="form-control" placeholder="Opcional">
                        </div>
                        <div class="form-group col-md-6 mb-3">
                            <label class="col-form-label">Memória RAM</label>
                            <input type="text" name="memory" class="form-control" placeholder="Ex: 8GB">
                        </div>
                    </div>
                    <div class="form-group mb-4">
                        <label class="col-form-label">Armazenamento</label>
                        <input type="text" name="hd" class="form-control" placeholder="Ex: 256GB SSD">
                    </div>
                    <button type="submit" class="saas-btn primary" style="width:100%;justify-content:center;">
                        <i class="bi bi-save mr-2"></i> Salvar
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Modais: Editar (um por item) --}}
@foreach ($itens as $i)
<div class="modal fade" id="modalEditEquip{{ $i['id'] }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" style="margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-pencil mr-2" style="color:#4d7cf5;"></i> Editar equipamento
                </h5>
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <form action="{{ route('adicionar_Equipamento') }}" method="POST">
                    @csrf
                    <input type="hidden" name="id" value="{{ $i['id'] }}">
                    <div class="form-group mb-3">
                        <label class="col-form-label">Categoria</label>
                        <select name="type" class="form-control" required>
                            <option value="">Selecione...</option>
                            <option value="Projetor" {{ $i['type'] == 'Projetor' ? 'selected' : '' }}>Projetor</option>
                            <option value="Notebook" {{ $i['type'] == 'Notebook' ? 'selected' : '' }}>Notebook</option>
                            <option value="TABLET"   {{ $i['type'] == 'TABLET'   ? 'selected' : '' }}>Tablet</option>
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Selo / Etiqueta</label>
                        <input type="text" name="selo" class="form-control" value="{{ $i['selo'] }}">
                    </div>
                    <div class="form-group mb-3">
                        <label class="col-form-label">Modelo</label>
                        <input type="text" name="model" class="form-control" value="{{ $i['model'] }}" placeholder="Opcional">
                    </div>
                    <div class="row">
                        <div class="form-group col-md-6 mb-3">
                            <label class="col-form-label">Processador</label>
                            <input type="text" name="processor" class="form-control" value="{{ $i['processor'] }}" placeholder="Opcional">
                        </div>
                        <div class="form-group col-md-6 mb-3">
                            <label class="col-form-label">Memória RAM</label>
                            <input type="text" name="memory" class="form-control" value="{{ $i['memory'] }}" placeholder="Ex: 8GB">
                        </div>
                    </div>
                    <div class="form-group mb-4">
                        <label class="col-form-label">Armazenamento</label>
                        <input type="text" name="hd" class="form-control" value="{{ $i['hd'] }}" placeholder="Ex: 256GB SSD">
                    </div>
                    <button type="submit" class="saas-btn primary" style="width:100%;justify-content:center;">
                        <i class="bi bi-save mr-2"></i> Salvar alterações
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endforeach

{{-- Modal: Confirmar desativar/ativar --}}
<div class="modal fade" id="modalDesativarEquip" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" style="max-width:360px;margin-top:80px;">
        <div class="modal-content">
            <div class="modal-header conteudo-modal-header">
                <h5 style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
                    <i class="bi bi-exclamation-triangle mr-2" style="color:#f59e0b;"></i> Confirmar ação
                </h5>
                <button class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body text-center" style="padding:1.5rem 1.25rem;">
                <p id="desativar-msg" style="font-size:.9rem;color:var(--dm-text);">
                    Deseja desativar este equipamento?
                </p>
                <p id="desativar-equip-nome" style="font-size:.88rem;font-family:'Courier New',monospace;color:var(--dm-accent);margin:.25rem 0 .5rem;"></p>
            </div>
            <form action="{{ route('desativar_Equipamento') }}" method="POST">
                @csrf
                <input type="hidden" id="desativar-id" name="id" value="">
                <div class="modal-footer" style="justify-content:space-between;">
                    <button type="button" class="saas-btn" data-dismiss="modal">Cancelar</button>
                    <button type="submit" id="desativar-btn" class="saas-btn saas-btn-danger">
                        <i class="bi bi-power mr-1"></i> Confirmar
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
$(document).ready(function () {

    // ── Ver detalhes (AJAX) ──
    $(document).on('click', '.btn-get', function () {
        var id = $(this).data('id');
        $('#modalEquipContent').html(
            '<div style="text-align:center;padding:2rem 0;color:var(--dm-text-muted);font-size:.85rem;">' +
            '<i class="bi bi-arrow-repeat" style="font-size:1.5rem;display:block;margin-bottom:.5rem;"></i>' +
            'Carregando...</div>'
        );
        $.get('/admin/ti/agendamento/getItem', { id: id }, function (result) {
            $('#modalEquipContent').html(result);
        });
    });

    // ── Atribuir — via dropdown da tabela ──
    $(document).on('click', '.trigger-atribuir', function () {
        var $r = $(this);
        $('#atribuir-id').val($r.data('id'));
        $('#atribuir-nome-label').text('Equipamento: ' + ($r.data('nome') || ''));
        $('#atribuir-resp').val($r.data('resp') || '');
        $('#atribuir-setor').val($r.data('setor') || '');
        $('#atribuir-filial').val($r.data('filial') || '');
        $('#atribuir-chamado').val('');
        $('#modalAtribuirEquip').modal('show');
    });

    // ── Atribuir — via botão dentro do modal de detalhes ──
    $(document).on('click', '.trigger-atribuir-modal', function () {
        var $r = $(this);
        $('#atribuir-id').val($r.data('id'));
        $('#atribuir-nome-label').text('Equipamento: ' + ($r.data('nome') || ''));
        $('#atribuir-resp').val($r.data('resp') || '');
        $('#atribuir-setor').val($r.data('setor') || '');
        $('#atribuir-filial').val($r.data('filial') || '');
        $('#atribuir-chamado').val('');
        $('#modalEquip').modal('hide');
        setTimeout(function () { $('#modalAtribuirEquip').modal('show'); }, 320);
    });

    // ── Devolver — via dropdown da tabela ──
    $(document).on('click', '.trigger-devolver', function () {
        var $r = $(this);
        $('#devolver-id').val($r.data('id'));
        $('#devolver-equip-nome').text($r.data('nome') || '');
        $('#modalDevolverEquip').modal('show');
    });

    // ── Devolver — via botão dentro do modal de detalhes ──
    $(document).on('click', '.trigger-devolver-modal', function () {
        var $r = $(this);
        $('#devolver-id').val($r.data('id'));
        $('#devolver-equip-nome').text($r.data('nome') || '');
        $('#modalEquip').modal('hide');
        setTimeout(function () { $('#modalDevolverEquip').modal('show'); }, 320);
    });

    // ── Desativar / Ativar ──
    $(document).on('click', '.set-desativar', function () {
        var id   = $(this).data('id');
        var disp = parseInt($(this).data('disp'));
        var nome = $(this).data('nome') || '';
        $('#desativar-id').val(id);
        $('#desativar-equip-nome').text(nome);
        if (disp === 0) {
            $('#desativar-msg').text('Deseja ativar este equipamento?');
            $('#desativar-btn').removeClass('saas-btn-danger').addClass('saas-btn-success');
        } else {
            $('#desativar-msg').text('Deseja desativar este equipamento?');
            $('#desativar-btn').removeClass('saas-btn-success').addClass('saas-btn-danger');
        }
    });

});
</script>
@endsection