@extends('setting::layouts.master')

@section('mainContent')
    <section class="admin-visitor-area up_st_admin_visitor">
        <div class="container-fluid p-0">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="white-box">
                        <div class="main-title">
                            <h3 class="mb-10">{{ __('facebookcapi::facebookcapi.title') }}</h3>
                            <p class="mb-20">{{ __('facebookcapi::facebookcapi.intro') }}</p>
                        </div>

                        <p class="mb-20">
                            <strong>{{ __('facebookcapi::facebookcapi.existing_pixel') }}:</strong>
                            {{ $existingPixel ?: __('facebookcapi::facebookcapi.existing_pixel_none') }}
                        </p>

                        <form action="{{ route('facebookCapi.update') }}" method="POST" autocomplete="off">
                            @csrf

                            <h4 class="mb-15">{{ __('facebookcapi::facebookcapi.credentials') }}</h4>

                            <div class="primary_input mb-25">
                                <label class="primary_checkbox d-flex mr-12">
                                    <input type="checkbox" name="is_enabled" value="1"
                                           {{ old('is_enabled', $setting->is_enabled ?? 0) ? 'checked' : '' }}>
                                    <span class="checkmark"></span>
                                </label>
                                <p>{{ __('facebookcapi::facebookcapi.enable') }}</p>
                            </div>

                            <div class="primary_input mb-25">
                                <label class="primary_input_label">{{ __('facebookcapi::facebookcapi.pixel_id') }}</label>
                                <input class="primary_input_field" type="text" name="pixel_id" inputmode="numeric"
                                       value="{{ old('pixel_id', $setting->pixel_id ?? '') }}" placeholder="1234567890123456">
                                @error('pixel_id') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="primary_input mb-25">
                                <label class="primary_input_label">{{ __('facebookcapi::facebookcapi.access_token') }}</label>
                                <input class="primary_input_field" type="password" name="access_token"
                                       autocomplete="new-password"
                                       placeholder="{{ $maskedToken ?: 'EAAB...' }}">
                                <small>{{ __('facebookcapi::facebookcapi.access_token_hint') }}</small>
                                @if($maskedToken)
                                    <label class="d-block mt-1">
                                        <input type="checkbox" name="clear_token" value="1">
                                        {{ __('facebookcapi::facebookcapi.clear_token') }}
                                    </label>
                                @endif
                            </div>

                            <div class="primary_input mb-25">
                                <label class="primary_input_label">{{ __('facebookcapi::facebookcapi.test_event_code') }}</label>
                                <input class="primary_input_field" type="text" name="test_event_code"
                                       value="{{ old('test_event_code', $setting->test_event_code ?? '') }}" placeholder="TEST12345">
                                <small>{{ __('facebookcapi::facebookcapi.test_event_code_hint') }}</small>
                            </div>

                            <div class="primary_input mb-25">
                                <label class="primary_checkbox d-flex mr-12">
                                    <input type="checkbox" name="test_mode" value="1"
                                           {{ old('test_mode', $setting->test_mode ?? 0) ? 'checked' : '' }}>
                                    <span class="checkmark"></span>
                                </label>
                                <p>{{ __('facebookcapi::facebookcapi.test_mode') }}</p>
                                <small>{{ __('facebookcapi::facebookcapi.test_mode_hint') }}</small>
                            </div>

                            <h4 class="mb-15 mt-30">{{ __('facebookcapi::facebookcapi.options') }}</h4>

                            <div class="primary_input mb-15">
                                <label class="primary_checkbox d-flex mr-12">
                                    <input type="checkbox" name="track_staff" value="1"
                                           {{ old('track_staff', $setting->track_staff ?? 0) ? 'checked' : '' }}>
                                    <span class="checkmark"></span>
                                </label>
                                <p>{{ __('facebookcapi::facebookcapi.track_staff') }}</p>
                            </div>
                            <div class="primary_input mb-25">
                                <label class="primary_checkbox d-flex mr-12">
                                    <input type="checkbox" name="log_enabled" value="1"
                                           {{ old('log_enabled', $setting->log_enabled ?? 1) ? 'checked' : '' }}>
                                    <span class="checkmark"></span>
                                </label>
                                <p>{{ __('facebookcapi::facebookcapi.log_enabled') }}</p>
                            </div>

                            <h4 class="mb-5 mt-30">{{ __('facebookcapi::facebookcapi.events') }}</h4>
                            <p class="mb-15"><small>{{ __('facebookcapi::facebookcapi.events_hint') }}<br>{{ __('facebookcapi::facebookcapi.pageview_note') }}</small></p>
                            <div class="row mb-30">
                                @foreach($events as $event => $default)
                                    @php
                                        $saved = json_decode($setting->events ?? '', true);
                                        $on = is_array($saved) && array_key_exists($event, $saved) ? $saved[$event] : $default;
                                    @endphp
                                    <div class="col-md-4 col-6 mb-10">
                                        <label class="d-flex align-items-center">
                                            <input type="checkbox" name="events[]" value="{{ $event }}" {{ $on ? 'checked' : '' }}>
                                            <span class="ml-2">{{ $event }}</span>
                                        </label>
                                    </div>
                                @endforeach
                            </div>

                            <div class="d-flex justify-content-center">
                                <button type="submit" class="primary-btn semi_large fix-gr-bg">
                                    <i class="ti-check"></i> {{ __('facebookcapi::facebookcapi.save') }}
                                </button>
                            </div>
                        </form>

                        <hr class="mt-30 mb-20">
                        <div class="d-flex justify-content-center" style="gap:12px">
                            <form action="{{ route('facebookCapi.test') }}" method="POST">
                                @csrf
                                <button type="submit" class="primary-btn semi_large2 fix-gr-bg">
                                    {{ __('facebookcapi::facebookcapi.send_test') }}
                                </button>
                            </form>
                            <a href="{{ route('facebookCapi.logs') }}" class="primary-btn semi_large2 fix-gr-bg">
                                {{ __('facebookcapi::facebookcapi.view_logs') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection