@extends('adminlte::page')

@section('title', 'Eventos comerciais / churn')

@section('content_header')
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-2">
        <h1 class="mb-0"><i class="fas fa-chart-pie"></i> Eventos comerciais (churn)</h1>
        <div class="d-flex flex-wrap gap-1">
            <a href="{{ route('eventos-comerciais.exportar', request()->query()) }}" class="btn btn-warning btn-sm">
                <i class="fas fa-download"></i> Exportar CSV
            </a>
            <a href="{{ route('instalacoes.web.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-server"></i> Instalações
            </a>
        </div>
    </div>
    <p class="text-muted small mb-0 mt-2">
        Registro manual de eventos alinhados ao ADR de billing; sincronização automática via PSP/webhooks é backlog.
        Export sem dados pessoais além do e-mail de quem registrou (se aplicável).
    </p>
@stop

@section('content')
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif

    @can('gestao-write')
    <div class="card card-outline card-primary mb-3">
        <div class="card-header">
            <h3 class="card-title mb-0"><i class="fas fa-plus-circle"></i> Registar evento (manual)</h3>
        </div>
        <div class="card-body">
            <form action="{{ route('eventos-comerciais.store') }}" method="POST" class="form-row align-items-end">
                @csrf
                <div class="form-group col-md-3">
                    <label for="ec_instalacao_id">Instalação</label>
                    <select name="instalacao_id" id="ec_instalacao_id" class="form-control @error('instalacao_id') is-invalid @enderror" required>
                        <option value="">—</option>
                        @foreach($instalacoes as $inst)
                            <option value="{{ $inst->id }}" @selected(old('instalacao_id', $filtros['instalacao_id'] ?? '') == $inst->id)>{{ $inst->nome }} ({{ $inst->slug }})</option>
                        @endforeach
                    </select>
                    @error('instalacao_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group col-md-2">
                    <label for="ec_tipo">Tipo</label>
                    <select name="tipo_evento" id="ec_tipo" class="form-control @error('tipo_evento') is-invalid @enderror" required>
                        @foreach($tipos as $valor => $etiqueta)
                            <option value="{{ $valor }}" @selected(old('tipo_evento') === $valor)>{{ $etiqueta }}</option>
                        @endforeach
                    </select>
                    @error('tipo_evento')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group col-md-3">
                    <label for="ec_ocorrido">Data / hora do evento</label>
                    <input type="datetime-local" name="ocorrido_em" id="ec_ocorrido" class="form-control @error('ocorrido_em') is-invalid @enderror"
                           value="{{ old('ocorrido_em', now()->format('Y-m-d\TH:i')) }}" required>
                    @error('ocorrido_em')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group col-md-3">
                    <label for="ec_motivo">Motivo (opcional)</label>
                    <input type="text" name="motivo" id="ec_motivo" class="form-control @error('motivo') is-invalid @enderror" maxlength="2000" value="{{ old('motivo') }}" placeholder="Breve nota interna">
                    @error('motivo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group col-md-1 mb-md-3">
                    <button type="submit" class="btn btn-primary btn-block">Salvar</button>
                </div>
            </form>
        </div>
    </div>
    @endcan

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('eventos-comerciais.index') }}" class="form-row align-items-end">
                <div class="form-group col-md-3">
                    <label for="filtro_instalacao">Instalação</label>
                    <select name="instalacao_id" id="filtro_instalacao" class="form-control">
                        <option value="">Todas</option>
                        @foreach($instalacoes as $inst)
                            <option value="{{ $inst->id }}" @selected(($filtros['instalacao_id'] ?? '') == $inst->id)>{{ $inst->nome }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="filtro_tipo">Tipo</label>
                    <select name="tipo_evento" id="filtro_tipo" class="form-control">
                        <option value="">Todos</option>
                        @foreach($tipos as $valor => $etiqueta)
                            <option value="{{ $valor }}" @selected(($filtros['tipo_evento'] ?? '') === $valor)>{{ $etiqueta }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="filtro_di">De</label>
                    <input type="date" name="data_inicio" id="filtro_di" class="form-control" value="{{ $filtros['data_inicio'] ?? '' }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="filtro_df">Até</label>
                    <input type="date" name="data_fim" id="filtro_df" class="form-control" value="{{ $filtros['data_fim'] ?? '' }}">
                </div>
                <div class="form-group col-md-3">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Filtrar</button>
                    <a href="{{ route('eventos-comerciais.index') }}" class="btn btn-outline-secondary">Limpar</a>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body table-responsive p-0">
            <table class="table table-striped table-hover mb-0">
                <thead>
                    <tr>
                        <th>Ocorrido</th>
                        <th>Instalação</th>
                        <th>Tipo</th>
                        <th>Motivo</th>
                        <th>Registado por</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($eventos as $ev)
                        <tr>
                            <td>{{ $ev->ocorrido_em?->format('d/m/Y H:i') }}</td>
                            <td>{{ $ev->instalacao?->nome ?? '—' }} <span class="text-muted small">({{ $ev->instalacao?->slug }})</span></td>
                            <td><span class="badge badge-info">{{ $tipos[$ev->tipo_evento] ?? $ev->tipo_evento }}</span></td>
                            <td class="small text-break">{{ \Illuminate\Support\Str::limit($ev->motivo ?? '—', 80) }}</td>
                            <td class="small">{{ $ev->user?->email ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-4">Nenhum evento encontrado.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($eventos->hasPages())
            <div class="card-footer">{{ $eventos->links() }}</div>
        @endif
    </div>
@stop