@extends('adminlte::page')

@section('title', 'Tokens de Telefone')

@section('content_header')
    <h1>Tokens de Telefone</h1>
@stop

@section('content')
<div class="container-fluid">
    @if(session('message'))
        @php
            $type = session('message_type', 'info');
            $map = ['sucesso' => 'success', 'erro' => 'danger', 'alerta' => 'warning', 'info' => 'info'];
            $bs = $map[$type] ?? 'info';
        @endphp
        <div class="alert alert-{{ $bs }} mt-2">
            {{ session('message') }}
        </div>
    @endif

    <div class="card">
        <div class="card-header">
            <form method="GET" class="row g-2">
                <div class="col-12 col-md-2 mb-2">
                    <label class="mb-1">Guia</label>
                    <input type="text" name="guia" value="{{ $filtros['guia'] ?? '' }}" class="form-control form-control-sm" placeholder="Ex.: 02063091">
                </div>
                <div class="col-12 col-md-1 mb-2">
                    <label class="mb-1">Seq</label>
                    <input type="text" name="seq" value="{{ $filtros['seq'] ?? '' }}" class="form-control form-control-sm" placeholder="01">
                </div>
                <div class="col-12 col-md-2 mb-2">
                    <label class="mb-1">Telefone</label>
                    <input type="text" name="fone" value="{{ $filtros['fone'] ?? '' }}" class="form-control form-control-sm" placeholder="DDD+Número">
                </div>
                <div class="col-12 col-md-1 mb-2">
                    <label class="mb-1">Token</label>
                    <input type="text" name="token" value="{{ $filtros['token'] ?? '' }}" class="form-control form-control-sm" placeholder="123456">
                </div>
                <div class="col-12 col-md-2 mb-2">
                    <label class="mb-1">Tipo envio</label>
                    <select name="tipo_envio" class="form-control form-control-sm">
                        <option value="">Todos</option>
                        <option value="W" @selected(($filtros['tipo_envio'] ?? '') === 'W')>WhatsApp (W)</option>
                        <option value="S" @selected(($filtros['tipo_envio'] ?? '') === 'S')>SMS (S)</option>
                    </select>
                </div>
                <div class="col-12 col-md-2 mb-2">
                    <label class="mb-1">Recebedor</label>
                    <select name="recebedor" class="form-control form-control-sm">
                        <option value="">Todos</option>
                        <option value="B" @selected(($filtros['recebedor'] ?? '') === 'B')>Beneficiário (B)</option>
                        <option value="C" @selected(($filtros['recebedor'] ?? '') === 'C')>Cooperado (C)</option>
                    </select>
                </div>
                <div class="col-12 col-md-2 mb-2">
                    <label class="mb-1">Assinada</label>
                    <select name="assinada" class="form-control form-control-sm">
                        <option value="">Todas</option>
                        <option value="S" @selected(($filtros['assinada'] ?? '') === 'S')>Sim</option>
                        <option value="N" @selected(($filtros['assinada'] ?? '') === 'N')>Não</option>
                    </select>
                </div>

                <div class="col-12 d-flex align-items-end mb-2">
                    <button class="btn btn-primary btn-sm mr-2" type="submit">
                        <i class="fas fa-search"></i> Filtrar
                    </button>
                    <a class="btn btn-secondary btn-sm" href="{{ route('operacional.producao.tokensTelefone.index') }}">
                        Limpar
                    </a>
                    <div class="ml-auto text-muted small">
                        Total: <strong>{{ $tokens->total() }}</strong>
                    </div>
                </div>
            </form>
        </div>

        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover table-sm mb-0">
                    <thead>
                        <tr>
                            <th style="width: 70px;"></th>
                            <th>ID</th>
                            <th>Guia</th>
                            <th>Seq</th>
                            <th>Telefone</th>
                            <th>Token</th>
                            <th>Envio</th>
                            <th>Expira</th>
                            <th>Tipo</th>
                            <th>Recebedor</th>
                            <th>Cooperado</th>
                            <th>Beneficiário</th>
                            <th>Assinatura</th>
                            <th style="width: 180px;">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($tokens as $t)
                            @php
                                $tipo = $t->tot_tipo_envio === 'W' ? 'WhatsApp' : ($t->tot_tipo_envio === 'S' ? 'SMS' : ($t->tot_tipo_envio ?? '-'));
                                $recebedor = $t->tot_recebedor === 'B' ? 'Beneficiário' : ($t->tot_recebedor === 'C' ? 'Cooperado' : ($t->tot_recebedor ?? '-'));
                                $collapseId = 'token-det-' . $t->tot_id;
                                if (!empty($t->proc_codigo) && !empty($t->proc_descricao)) {
                                    $procLabel = $t->proc_codigo . ' - ' . $t->proc_descricao;
                                } elseif (!empty($t->proc_codigo)) {
                                    $procLabel = $t->proc_codigo;
                                } elseif (!empty($t->proc_descricao)) {
                                    $procLabel = $t->proc_descricao;
                                } else {
                                    $procLabel = 'Procedimento não encontrado';
                                }
                            @endphp
                            <tr>
                                <td class="text-center align-middle">
                                    <button type="button"
                                        class="btn btn-xs btn-outline-secondary btn-toggle-proc"
                                        data-toggle="collapse"
                                        data-target="#{{ $collapseId }}"
                                        aria-expanded="false"
                                        aria-controls="{{ $collapseId }}"
                                        title="Ver procedimento">
                                        <i class="fas fa-plus"></i>
                                    </button>
                                </td>
                                <td>{{ $t->tot_id }}</td>
                                <td>{{ $t->tot_wdat_codatend ?? '-' }}</td>
                                <td>{{ $t->tot_wdat_seq ?? '-' }}</td>
                                <td>{{ $t->tot_fone ?? '-' }}</td>
                                <td><span class="font-weight-bold">{{ $t->tot_token ?? '-' }}</span></td>
                                <td>{{ $t->tot_datahora_envio ? \Carbon\Carbon::parse($t->tot_datahora_envio)->format('d/m/Y H:i:s') : '-' }}</td>
                                <td>{{ $t->tot_expirado ? \Carbon\Carbon::parse($t->tot_expirado)->format('d/m/Y H:i:s') : '-' }}</td>
                                <td>{{ $tipo }}</td>
                                <td>{{ $recebedor }}</td>
                                <td>{{ $t->tot_coo_codigo ?? '-' }}</td>
                                <td>{{ $t->tot_ben_codigo ?? '-' }}</td>
                                <td>
                                    @if($t->tot_datahora_assinatura)
                                        <span class="badge badge-success">Assinado</span>
                                        <div class="text-muted small">{{ \Carbon\Carbon::parse($t->tot_datahora_assinatura)->format('d/m/Y H:i:s') }}</div>
                                    @else
                                        <span class="badge badge-secondary">Pendente</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <div class="d-flex flex-column align-items-center" style="gap: 4px;">
                                        @if(!$t->tot_datahora_assinatura && ($t->tot_tipo_envio ?? '') === 'W')
                                            <form method="POST" action="{{ route('operacional.producao.tokensTelefone.reenviar', ['id' => $t->tot_id]) }}" onsubmit="return confirm('Reenviar token para este telefone?');" style="display:inline;">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-primary">
                                                    <i class="fas fa-redo"></i> Reenviar
                                                </button>
                                            </form>
                                        @elseif(!$t->tot_datahora_assinatura && ($t->tot_tipo_envio ?? '') !== 'W')
                                            <button type="button" class="btn btn-sm btn-outline-secondary" disabled title="Reenvio disponível apenas para WhatsApp (W)">
                                                Reenviar
                                            </button>
                                        @endif
                                        <form method="POST" action="{{ route('operacional.producao.tokensTelefone.removerAssinatura', ['id' => $t->tot_id]) }}" onsubmit="return confirm('Remover o token desta guia/seq?\n\nIsso apaga o registro e o procedimento volta ao início, permitindo enviar um novo.');" style="display:inline;">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-danger" title="Excluir registro(s) de token desta guia/seq">
                                                <i class="fas fa-trash"></i> Remover token
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            <tr class="collapse bg-light" id="{{ $collapseId }}">
                                <td colspan="14" class="small py-2 px-3">
                                    <strong>Procedimento:</strong> {{ $procLabel }}
                                    <span class="mx-2 text-muted">|</span>
                                    <strong>Região:</strong> {{ $t->proc_regiao !== null && $t->proc_regiao !== '' ? $t->proc_regiao : '-' }}
                                    <span class="mx-2 text-muted">|</span>
                                    <strong>Faces:</strong> {{ $t->proc_faces !== null && $t->proc_faces !== '' ? $t->proc_faces : '-' }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="14" class="text-center text-muted p-3">Nenhum token encontrado.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        @if($tokens->hasPages())
            <div class="card-footer">
                {{ $tokens->links() }}
            </div>
        @endif
    </div>
</div>
@stop

@section('js')
<script>
    (function () {
        $('.collapse').on('shown.bs.collapse', function () {
            $('[data-target="#' + this.id + '"] i').removeClass('fa-plus').addClass('fa-minus');
        }).on('hidden.bs.collapse', function () {
            $('[data-target="#' + this.id + '"] i').removeClass('fa-minus').addClass('fa-plus');
        });
    })();
</script>
@stop