@extends('layouts.digitar')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('config.obs-settings') !!}
@endsection

@section('content')
    @php
        $secondsToTime = function ($seconds) {
            $seconds = (int) ($seconds ?: 300);
            $hours = floor($seconds / 3600);
            $minutes = floor(($seconds % 3600) / 60);
            $secs = $seconds % 60;

            return sprintf('%02d:%02d:%02d', $hours, $minutes, $secs);
        };

        $sceneOptions = collect($obsScenes ?? [])->filter()->unique()->values();

        $resolveSceneOptions = function ($currentValue = null) use ($sceneOptions) {
            $options = $sceneOptions;
            $currentValue = trim((string) $currentValue);

            if ($currentValue !== '' && !$options->contains($currentValue)) {
                $options = $options->prepend($currentValue);
            }

            return $options->unique()->values();
        };
    @endphp

    <div class="the-box rounded">
        @include('common.errors')
        @include('flash::message')

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">INTEGRAÇÃO OBS</h3>
                    </div>

                    <div class="panel-body">
                        <p class="text-muted">
                            Configurações globais do tenant atual para o Bridge OBS. Cada Câmara terá seu próprio endpoint e
                            token.
                        </p>

                        {!! Form::model($obsSetting, [
                            'route' => 'config.obs-settings.update',
                            'method' => 'post',
                            'id' => 'obs-settings-form',
                        ]) !!}

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="enabled">Integração OBS habilitada</label>
                                    <div>
                                        <input type="checkbox" id="enabled" name="enabled" value="1" class="switch"
                                            data-on-text="Sim" data-off-text="Não" data-off-color="danger"
                                            data-on-color="success"
                                            {{ old('enabled', $obsSetting->enabled) ? 'checked' : '' }}>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="protocol_mode">Modo de protocolo</label>
                                    <select name="protocol_mode" id="protocol_mode" class="form-control">
                                        <option value="auto"
                                            {{ old('protocol_mode', $obsSetting->protocol_mode) === 'auto' ? 'selected' : '' }}>
                                            Auto detectar</option>
                                        <option value="v4"
                                            {{ old('protocol_mode', $obsSetting->protocol_mode) === 'v4' ? 'selected' : '' }}>
                                            Forçar v4</option>
                                        <option value="v5"
                                            {{ old('protocol_mode', $obsSetting->protocol_mode) === 'v5' ? 'selected' : '' }}>
                                            Forçar v5</option>
                                    </select>
                                </div>
                            </div>

                            @php
                                $defaultSeconds = old(
                                    'speech_default_time_seconds',
                                    $obsSetting->speech_default_time_seconds ?: 300,
                                );
                            @endphp

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="speech_default_time_picker">Tempo padrão de fala</label>

                                    <input type="time" step="1" id="speech_default_time_picker"
                                        class="form-control obs-time-picker" data-hidden="#speech_default_time_seconds"
                                        value="{{ $secondsToTime($defaultSeconds) }}">

                                    <input type="hidden" id="speech_default_time_seconds"
                                        name="speech_default_time_seconds" value="{{ $defaultSeconds }}">

                                    <small class="text-muted">Formato: horas:minutos:segundos. Ex.: 00:05:00</small>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="endpoint">Endpoint do Bridge OBS</label>
                                    <input type="url" class="form-control" id="endpoint" name="endpoint"
                                        placeholder="Ex.: http://127.0.0.1:3333"
                                        value="{{ old('endpoint', $obsSetting->endpoint) }}">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="token">Token do Bridge OBS</label>
                                    <input type="text" class="form-control" id="token" name="token"
                                        value="{{ old('token', $obsSetting->token) }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="default_scene">Cena padrão</label>
                                    <select class="form-control" id="default_scene" name="default_scene">
                                        <option value="">Selecione</option>
                                        @foreach ($resolveSceneOptions(old('default_scene', $obsSetting->default_scene)) as $sceneName)
                                            <option value="{{ $sceneName }}"
                                                {{ old('default_scene', $obsSetting->default_scene) === $sceneName ? 'selected' : '' }}>
                                                {{ $sceneName }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="interval_scene">Cena de intervalo</label>
                                    <select class="form-control" id="interval_scene" name="interval_scene">
                                        <option value="">Selecione</option>
                                        @foreach ($resolveSceneOptions(old('interval_scene', $obsSetting->interval_scene)) as $sceneName)
                                            <option value="{{ $sceneName }}"
                                                {{ old('interval_scene', $obsSetting->interval_scene) === $sceneName ? 'selected' : '' }}>
                                                {{ $sceneName }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <hr class="hr">

                        <div class="row">
                            <div class="col-md-12">
                                <h4>Configuração do púlpito</h4>
                                <p class="text-muted">
                                    Use esta configuração para fala geral no púlpito, tribuna ou mesa principal.
                                </p>

                                @php
                                    $pulpitSeconds = old(
                                        'pulpit_obs_setting.speech_time_seconds',
                                        optional($pulpitObsSetting)->speech_time_seconds ?:
                                        ($obsSetting->speech_default_time_seconds ?:
                                        300),
                                    );
                                @endphp

                                <div class="table-responsive">
                                    <table class="table-bordered table-striped table">
                                        <thead>
                                            <tr>
                                                <th style="width: 16%;">Tipo</th>
                                                <th style="width: 22%;">Microfone</th>
                                                <th style="width: 22%;">Câmera/Fonte</th>
                                                <th style="width: 18%;">Cena</th>
                                                <th style="width: 14%;">Tempo</th>
                                                <th style="width: 8%;">Ativo</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><strong>Púlpito</strong></td>

                                                <td>
                                                    <select name="pulpit_obs_setting[microphone_input_id]"
                                                        class="form-control">
                                                        <option value="">Selecione</option>
                                                        @foreach ($microphoneInputs as $input)
                                                            <option value="{{ $input->id }}"
                                                                {{ old('pulpit_obs_setting.microphone_input_id', optional($pulpitObsSetting)->microphone_input_id) == $input->id ? 'selected' : '' }}>
                                                                {{ $input->name }} ({{ $input->type }})
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <select name="pulpit_obs_setting[camera_input_id]" class="form-control">
                                                        <option value="">Selecione</option>
                                                        @foreach ($cameraInputs as $input)
                                                            <option value="{{ $input->id }}"
                                                                {{ old('pulpit_obs_setting.camera_input_id', optional($pulpitObsSetting)->camera_input_id) == $input->id ? 'selected' : '' }}>
                                                                {{ $input->name }} ({{ $input->type }})
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <select name="pulpit_obs_setting[scene_name]" class="form-control">
                                                        <option value="">Selecione</option>
                                                        @foreach ($resolveSceneOptions(old('pulpit_obs_setting.scene_name', optional($pulpitObsSetting)->scene_name)) as $sceneName)
                                                            <option value="{{ $sceneName }}"
                                                                {{ old('pulpit_obs_setting.scene_name', optional($pulpitObsSetting)->scene_name) === $sceneName ? 'selected' : '' }}>
                                                                {{ $sceneName }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                <td>
                                                    <input type="time" step="1"
                                                        class="form-control obs-time-picker"
                                                        data-hidden="#pulpit_speech_time_seconds"
                                                        value="{{ $secondsToTime($pulpitSeconds) }}">

                                                    <input type="hidden" id="pulpit_speech_time_seconds"
                                                        name="pulpit_obs_setting[speech_time_seconds]"
                                                        value="{{ $pulpitSeconds }}">
                                                </td>

                                                <td class="text-center">
                                                    <input type="checkbox" name="pulpit_obs_setting[is_active]"
                                                        value="1"
                                                        {{ old('pulpit_obs_setting.is_active', optional($pulpitObsSetting)->is_active ?? true) ? 'checked' : '' }}>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <hr class="hr">

                        <div class="row">
                            <div class="col-md-12">
                                <h4>Configuração OBS por parlamentar</h4>
                                <p class="text-muted">
                                    Vincule cada parlamentar ao microfone, câmera/fonte, cena e tempo de fala.
                                </p>

                                @if ($assemblymen->isEmpty())
                                    <div class="well text-center">Nenhum parlamentar ativo encontrado.</div>
                                @else
                                    <div class="table-responsive">
                                        <table class="table-bordered table-striped table">
                                            <thead>
                                                <tr>
                                                    <th style="width: 16%;">Parlamentar</th>
                                                    <th style="width: 22%;">Microfone</th>
                                                    <th style="width: 22%;">Câmera/Fonte</th>
                                                    <th style="width: 18%;">Cena</th>
                                                    <th style="width: 14%;">Tempo</th>
                                                    <th style="width: 8%;">Ativo</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($assemblymen as $assemblyman)
                                                    @php
                                                        $currentSetting = $assemblymanObsSettings->get(
                                                            $assemblyman->id,
                                                        );
                                                        $baseName =
                                                            'assemblyman_obs_settings[' . $assemblyman->id . ']';
                                                        $oldBase = 'assemblyman_obs_settings.' . $assemblyman->id . '.';

                                                        $currentSeconds = old(
                                                            $oldBase . 'speech_time_seconds',
                                                            optional($currentSetting)->speech_time_seconds ?:
                                                            ($obsSetting->speech_default_time_seconds ?:
                                                            300),
                                                        );

                                                        $hiddenId =
                                                            'assemblyman_speech_time_seconds_' . $assemblyman->id;
                                                    @endphp

                                                    <tr>
                                                        <td>
                                                            <strong>{{ $assemblyman->short_name }}</strong>
                                                            @if ($assemblyman->full_name && $assemblyman->full_name !== $assemblyman->short_name)
                                                                <br>
                                                                <small
                                                                    class="text-muted">{{ $assemblyman->full_name }}</small>
                                                            @endif
                                                        </td>

                                                        <td>
                                                            <select name="{{ $baseName }}[microphone_input_id]"
                                                                class="form-control">
                                                                <option value="">Selecione</option>
                                                                @foreach ($microphoneInputs as $input)
                                                                    <option value="{{ $input->id }}"
                                                                        {{ old($oldBase . 'microphone_input_id', optional($currentSetting)->microphone_input_id) == $input->id ? 'selected' : '' }}>
                                                                        {{ $input->name }} ({{ $input->type }})
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </td>

                                                        <td>
                                                            <select name="{{ $baseName }}[camera_input_id]"
                                                                class="form-control">
                                                                <option value="">Selecione</option>
                                                                @foreach ($cameraInputs as $input)
                                                                    <option value="{{ $input->id }}"
                                                                        {{ old($oldBase . 'camera_input_id', optional($currentSetting)->camera_input_id) == $input->id ? 'selected' : '' }}>
                                                                        {{ $input->name }} ({{ $input->type }})
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </td>

                                                        <td>
                                                            <select name="{{ $baseName }}[scene_name]"
                                                                class="form-control">
                                                                <option value="">Selecione</option>
                                                                @foreach ($resolveSceneOptions(old($oldBase . 'scene_name', optional($currentSetting)->scene_name)) as $sceneName)
                                                                    <option value="{{ $sceneName }}"
                                                                        {{ old($oldBase . 'scene_name', optional($currentSetting)->scene_name) === $sceneName ? 'selected' : '' }}>
                                                                        {{ $sceneName }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </td>

                                                        <td>
                                                            <input type="time" step="1"
                                                                class="form-control obs-time-picker"
                                                                data-hidden="#{{ $hiddenId }}"
                                                                value="{{ $secondsToTime($currentSeconds) }}">

                                                            <input type="hidden" id="{{ $hiddenId }}"
                                                                name="{{ $baseName }}[speech_time_seconds]"
                                                                value="{{ $currentSeconds }}">
                                                        </td>

                                                        <td class="text-center">
                                                            <input type="checkbox" name="{{ $baseName }}[is_active]"
                                                                value="1"
                                                                {{ old($oldBase . 'is_active', optional($currentSetting)->is_active ?? true) ? 'checked' : '' }}>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <hr class="hr">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="btn-toolbar" role="toolbar">
                                    <div class="btn-group">
                                        <button type="submit" class="btn btn-success">
                                            <i class="fa fa-save"></i> Salvar configurações
                                        </button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary" id="test-obs-connection">
                                            <i class="fa fa-plug"></i> Testar conexão OBS
                                        </button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-info" id="sync-obs-resources">
                                            <i class="fa fa-refresh"></i> Sincronizar cenas e dispositivos
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {!! Form::close() !!}

                        <hr class="hr">

                        <div class="row">
                            <div class="col-md-12">
                                <div id="obs-test-result" class="alert" style="display:none;"></div>
                                <pre id="obs-test-details" class="well" style="display:none; white-space: pre-wrap;"></pre>
                                @if($sceneOptions->isEmpty())
                                    <div class="alert alert-warning" style="margin-top: 15px;">
                                        Nenhuma cena foi carregada do OBS. Verifique a conexão e confirme se já existem cenas cadastradas no perfil atual do OBS.
                                    </div>
                                @endif
                            </div>
                        </div>

                        <hr class="hr">

                        <div class="row">
                            <div class="col-md-12">
                                <h4>Entradas sincronizadas do OBS</h4>

                                @if ($obsInputs->isEmpty())
                                    <div class="well text-center">Nenhuma entrada OBS sincronizada ainda.</div>
                                @else
                                    <div class="table-responsive">
                                        <table class="table-bordered table-striped table">
                                            <thead>
                                                <tr>
                                                    <th>Nome interno</th>
                                                    <th>Nome no OBS</th>
                                                    <th>Tipo</th>
                                                    <th>Padrão</th>
                                                    <th>Ativo</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($obsInputs as $obsInput)
                                                    <tr>
                                                        <td>{{ $obsInput->name }}</td>
                                                        <td>{{ $obsInput->obs_name }}</td>
                                                        <td>{{ $obsInput->type }}</td>
                                                        <td>{{ $obsInput->is_default ? 'Sim' : 'Não' }}</td>
                                                        <td>{{ $obsInput->is_active ? 'Sim' : 'Não' }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(function() {
            function timeToSeconds(value) {
                if (!value) {
                    return 0;
                }

                const parts = value.split(':');

                const hours = parseInt(parts[0] || 0, 10);
                const minutes = parseInt(parts[1] || 0, 10);
                const seconds = parseInt(parts[2] || 0, 10);

                return (hours * 3600) + (minutes * 60) + seconds;
            }

            function syncTimePicker($input) {
                const hiddenSelector = $input.data('hidden');
                const totalSeconds = timeToSeconds($input.val());

                if (!hiddenSelector || totalSeconds <= 0) {
                    return;
                }

                $(hiddenSelector).val(totalSeconds);
            }

            $('.obs-time-picker').each(function() {
                syncTimePicker($(this));
            });

            $('.obs-time-picker').on('change input', function() {
                syncTimePicker($(this));
            });

            $('#obs-settings-form').on('submit', function() {
                $('.obs-time-picker').each(function() {
                    syncTimePicker($(this));
                });
            });

            $('#test-obs-connection').on('click', function() {
                const $button = $(this);
                const $result = $('#obs-test-result');
                const $details = $('#obs-test-details');

                $('.obs-time-picker').each(function() {
                    syncTimePicker($(this));
                });

                $button.prop('disabled', true).text('Testando...');
                $result.hide().removeClass('alert-success alert-danger');
                $details.hide().text('');

                $.ajax({
                    url: '{{ route('config.obs-settings.test') }}',
                    method: 'POST',
                    data: $('#obs-settings-form').serialize(),
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).done(function(response) {
                    $result.addClass('alert-success').text(response.message ||
                        'Conexão testada com sucesso.').show();

                    if (response.details) {
                        $details.text(JSON.stringify(response.details, null, 2)).show();
                    }
                }).fail(function(xhr) {
                    const response = xhr.responseJSON || {};
                    let message = response.message || 'Falha ao testar a conexão OBS.';

                    if (response.errors) {
                        message = Object.values(response.errors).flat().join(' ');
                    }

                    $result.addClass('alert-danger').text(message).show();

                    if (response.details) {
                        $details.text(JSON.stringify(response.details, null, 2)).show();
                    }
                }).always(function() {
                    $button.prop('disabled', false).html(
                        '<i class="fa fa-plug"></i> Testar conexão OBS');
                });
            });

            $('#sync-obs-resources').on('click', function() {
                const $button = $(this);
                const $result = $('#obs-test-result');
                const $details = $('#obs-test-details');

                $('.obs-time-picker').each(function() {
                    syncTimePicker($(this));
                });

                $button.prop('disabled', true).text('Sincronizando...');
                $result.hide().removeClass('alert-success alert-danger');
                $details.hide().text('');

                $.ajax({
                    url: '{{ route('config.obs-settings.sync-resources') }}',
                    method: 'POST',
                    data: $('#obs-settings-form').serialize(),
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).done(function(response) {
                    $result.addClass('alert-success').text(response.message ||
                        'Cenas e dispositivos sincronizados com sucesso.').show();

                    if (response.details) {
                        $details.text(JSON.stringify(response.details, null, 2)).show();
                    }

                    window.setTimeout(function() {
                        window.location.reload();
                    }, 1200);
                }).fail(function(xhr) {
                    const response = xhr.responseJSON || {};
                    let message = response.message || 'Falha ao sincronizar cenas e dispositivos do OBS.';

                    if (response.errors) {
                        message = Object.values(response.errors).flat().join(' ');
                    }

                    $result.addClass('alert-danger').text(message).show();

                    if (response.details) {
                        $details.text(JSON.stringify(response.details, null, 2)).show();
                    }
                }).always(function() {
                    $button.prop('disabled', false).html(
                        '<i class="fa fa-refresh"></i> Sincronizar cenas e dispositivos');
                });
            });
        });
    </script>
@endsection