@extends('layout.backend')

@section('scripts')
	@parent
	@vite(['resources/js/settings.js'])
	<script>
	document.addEventListener('DOMContentLoaded', function() {
		var form = document.getElementById('form-edit-settings');
		if (form) {
			form.addEventListener('submit', function() {
				this.querySelectorAll('[disabled]').forEach(function(el) {
					el.disabled = false;
				});
			});

			$('#settingsTabs a').on('shown.bs.tab', function(e) {
				var input = document.getElementById('_active_tab_input');
				if (input) input.value = e.target.getAttribute('href').replace('#', '');
			});

			var activeTab = '{{ session('_active_tab', '') }}';
			if (activeTab) {
				$('#settingsTabs a[href="#' + activeTab + '"]').tab('show');
			}
		}

		var selects = document.querySelectorAll('.whatsapp-group-select');
		if (selects.length === 0) return;
		selects.forEach(function(sel) {
			var spinner = sel.parentElement.querySelector('.whatsapp-group-spinner');
			if (spinner) spinner.style.display = 'inline-block';
		});
		fetch('{{ route('settings.whatsapp-groups') }}')
			.then(function(r) { return r.json(); })
			.then(function(groups) {
				selects.forEach(function(sel) {
					var val = sel.getAttribute('data-selected') || '';
					sel.innerHTML = '<option value="">Selecione um grupo</option>';
					groups.forEach(function(g) {
						var opt = document.createElement('option');
						opt.value = g.jid;
						opt.textContent = g.subject;
						if (g.jid === val) opt.selected = true;
						sel.appendChild(opt);
					});
					var spinner = sel.parentElement.querySelector('.whatsapp-group-spinner');
					if (spinner) spinner.style.display = 'none';
				});
			})
			.catch(function() {
				selects.forEach(function(sel) {
					sel.innerHTML = '<option value="">Erro ao carregar grupos</option>';
					var spinner = sel.parentElement.querySelector('.whatsapp-group-spinner');
					if (spinner) spinner.style.display = 'none';
				});
			});
	});
	</script>
<script>
function confirmarTeste(url, phone, message) {
	Swal.fire({
		title: 'Testar envio WhatsApp',
		html: '<strong>Destino:</strong> ' + phone + '<br><strong>Mensagem:</strong> ' + message,
		icon: 'question',
		showCancelButton: true,
		confirmButtonText: 'Enviar',
		cancelButtonText: 'Cancelar'
	}).then(function(result) {
		if (result.isConfirmed) {
			window.location.href = url;
		}
	});
}
</script>
@endsection

@section('content')
@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

@if(session()->has('alert-warning'))
<div class="alert alert-warning">
    {!! session()->get('alert-warning') !!}
</div>
@endif

@if(session()->has('alert-error'))
<div class="alert alert-danger">
    {!! session()->get('alert-error') !!}
</div>
@endif

<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Configurações Globais</h6>
    </div>

    <div class="card-body">
        @if($errors->any())
        <div class="alert alert-danger alert-errors">
            <div class="mb-3"><strong>ATENÇÃO:</strong></div>

            <ul>
                @foreach ($errors->all() as $error)
                <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
        @endif

        @php
            $whatsappConnected = $whatsappStatus === 'open';
            $wuzapiConnected = $wuzapiStatus === 'open';
            $apiConnected = $whatsappConnected || $wuzapiConnected;
            $whatsappDisabled = !$whatsappConnected;
            $isWhatsappRelated = function($setting) {
                return $setting->type === 'whatsapp_group'
                    || (str_contains($setting->key, 'whatsapp') && $setting->key !== 'whatsapp-api');
            };
            $whatsappApi = \App\Helpers\AppHelper::getAppSetting('whatsapp-api') ?: 'evolution';
        @endphp

        {!! Form::open(['id' => 'form-edit-settings', 'url' => route('settings.store'), 'autocomplete' => 'off']) !!}
<input type="hidden" name="_active_tab" id="_active_tab_input" value="">

        <ul class="nav nav-tabs mb-4" id="settingsTabs" role="tablist">
            @foreach ($settingsGroup as $group)
                @if ($group->settings->count() > 0)
                    <li class="nav-item">
                        <a class="nav-link {{ $loop->first ? 'active' : '' }}"
                           id="tab-{{ Str::slug($group->name) }}-tab"
                           data-toggle="tab"
                           href="#tab-{{ Str::slug($group->name) }}"
                           role="tab"
                           aria-controls="tab-{{ Str::slug($group->name) }}"
                           aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                            {{ $group->name }}
                        </a>
                    </li>
                @endif
            @endforeach
            <li class="nav-item">
                <a class="nav-link"
                   id="tab-whatsapp-tab"
                   data-toggle="tab"
                   href="#tab-whatsapp"
                   role="tab"
                   aria-controls="tab-whatsapp"
                   aria-selected="false">
                    WhatsApp
                </a>
            </li>
        </ul>

        <div class="tab-content" id="settingsTabsContent">
            @foreach ($settingsGroup as $group)
                @if ($group->settings->count() > 0)
                    <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}"
                         id="tab-{{ Str::slug($group->name) }}"
                         role="tabpanel"
                         aria-labelledby="tab-{{ Str::slug($group->name) }}-tab">
                        <div class="row">
                            @php
                                $sortedSettings = $group->settings->sort(function($a, $b) {
                                    $cat = function($s) {
                                        if (str_contains($s->key, 'whatsapp') || $s->type === 'whatsapp_group') return 2;
                                        if (str_contains($s->key, 'email')) return 1;
                                        return 0;
                                    };
                                    return $cat($a) <=> $cat($b) ?: $a->position <=> $b->position;
                                });
                            @endphp
                            @foreach($sortedSettings as $setting)
                                @php
                                    if ($setting->key === 'whatsapp-api') {
                                        $disabled = $apiConnected;
                                    } else {
                                        $disabled = $whatsappDisabled && $isWhatsappRelated($setting);
                                    }
                                    $da = $disabled ? ['disabled' => 'disabled'] : [];
                                @endphp
                                <div class="col-sm-12 col-md-6 my-3 {{ $setting->admin ? 'alert alert-warning' : '' }}">
                                    <label for="" class="col-12 col-6 p-0 mb-1 font-weight-bold">{!! $setting->description !!}</label>
                                    <div class="col-12 col-6 p-0">
                                        @if ($setting->type=='string')
                                            {!! Form::text($setting->key, $setting->value, ['class' => "form-control"] + $da) !!}
                                        @endif
                                        @if ($setting->type=='int')
                                                {!! Form::number($setting->key, $setting->value, ['class' => "form-control"] + $da) !!}
                                        @endif
                                        @if ($setting->type=='userlookup')
                                                {!! Form::select($setting->key, $users, $setting->value, ['class' => "form-control"] + $da) !!}
                                        @endif
                                        @if ($setting->type=='json')
                                            {!! Form::select($setting->key, $setting->options(), $setting->set(), ['class' => "form-control"] + $da) !!}
                                        @endif
                                        @if ($setting->type=='model')
                                            {!! Form::select($setting->key, $setting->options(), $setting->set(), ['class' => "form-control"] + $da) !!}
                                        @endif
                                        @if ($setting->type=='whatsapp_group')
                                            @if($whatsappStatus == 'open')
                                                <div class="d-flex align-items-center">
                                                    {!! Form::select($setting->key, [], $setting->value, ['class' => "form-control whatsapp-group-select", 'data-key' => $setting->key, 'data-selected' => $setting->value]) !!}
                                                    <span class="whatsapp-group-spinner ml-2" style="display:none">
                                                        <i class="fa fa-spinner fa-spin"></i>
                                                    </span>
                                                </div>
                                            @else
                                                <div class="form-control bg-light text-muted" style="cursor:not-allowed">
                                                    Conecte o WhatsApp primeiro
                                                </div>
                                                {!! Form::hidden($setting->key, $setting->value) !!}
                                            @endif
                                        @endif
                                    </div>
                                    @if ($setting->details)
                                        <div class="font-italic mt-2 text-justify" style="font-size:12px; line-height: 18px">{!! $setting->details !!}</div>
                                    @endif
                                </div>
                            @endforeach
                        </div>

                    </div>
                @endif
            @endforeach

            {{-- Aba WhatsApp --}}
            <div class="tab-pane fade"
                 id="tab-whatsapp"
                 role="tabpanel"
                 aria-labelledby="tab-whatsapp-tab">

                {{-- Status da conexão --}}
                <div class="row mb-4">
                    <div class="col-12 h6">
                        O dispositivo conectado será utilizado para o envio de mensagens aos membros.
                    </div>
                </div>

                @if($whatsappApi === 'evolution')
                <div class="card">
                    <div class="card-header">
                        <h6 class="m-0 font-weight-bold">Evolution API</h6>
                    </div>
                    <div class="card-body">
                        @if($whatsappStatus == 'open')
                            @php
                                $testPhone = auth()->user()->phone_primary ?? '—';
                                $testMsg = 'WhatsApp ' . config('app.name') . ' conectado';
                            @endphp
                            <div class="alert alert-success mb-3">
                                WhatsApp conectado.
                            </div>
                            <a href="#" onclick="confirmarTeste('{{route('whatsapp.test')}}', '{{$testPhone}}', '{{$testMsg}}')" class="btn btn-success btn-sm"><i class="fas fa-paper-plane"></i> Testar envio</a>
                            <a href="{{route('whatsapp.disconnect')}}" class="btn btn-danger btn-sm">Desconectar</a>
                        @else
                            <div class="alert alert-danger mb-3">
                                WhatsApp não está conectado.
                            </div>
                            <a href="{{route('whatsapp.connect')}}" class="btn btn-primary btn-sm">Conectar</a>
                        @endif
                    </div>
                </div>
                @endif

                @if($whatsappApi === 'wuzapi')
                <div class="card">
                    <div class="card-header">
                        <h6 class="m-0 font-weight-bold">WUZAPI</h6>
                    </div>
                    <div class="card-body">
                        @if($wuzapiStatus == 'open')
                            @php
                                $testPhone = auth()->user()->phone_primary ?? '—';
                                $testMsg = 'WhatsApp ' . config('app.name') . ' conectado (WUZAPI)';
                            @endphp
                            <div class="alert alert-success mb-3">
                                WhatsApp (WUZAPI) conectado.
                            </div>
                            <a href="#" onclick="confirmarTeste('{{route('whatsapp.test-wuzapi')}}', '{{$testPhone}}', '{{$testMsg}}')" class="btn btn-success btn-sm"><i class="fas fa-paper-plane"></i> Testar envio</a>
                            <a href="{{route('whatsapp.disconnect-wuzapi')}}" class="btn btn-danger btn-sm">Desconectar</a>
                        @else
                            <div class="alert alert-danger mb-3">
                                WhatsApp (WUZAPI) não está conectado.
                            </div>
                            <a href="{{route('whatsapp.connect-wuzapi')}}" class="btn btn-primary btn-sm">Conectar</a>
                        @endif
                    </div>
                </div>
                @endif

            </div>
        </div>

        <div class="row mt-4">
            <div class="col-12">
                {!! Form::submit('SALVAR', ['class' => 'btn btn-primary']) !!}
            </div>
        </div>

        {!! Form::close() !!}
    </div>
</div>
@endsection