@extends('admin.layouts.app')

@section('title', 'Facebook Pixel')
@section('crumbs')<span>Facebook Pixel</span>@endsection

@section('content')
    <form method="POST" action="{{ route('admin.pixel.update') }}" class="card">
        @csrf @method('PUT')
        <div class="card-head">
            <h2>📊 Facebook Pixel + Conversions API</h2>
            @if ($enabled && $pixelId)
                <span class="badge badge-active">{{ $hasToken ? 'Pixel + CAPI chalu' : 'Pixel chalu' }}</span>
            @else
                <span class="badge badge-inactive">Bondho</span>
            @endif
        </div>
        <div class="card-body form-grid">
            <div class="field span-2 px-toggle">
                @include('admin.partials.check', ['name' => 'enabled', 'label' => 'Pixel chalu', 'checked' => $enabled, 'hint' => 'Bondho thakle website e Facebook er kono code load hoy na'])
            </div>
            @include('admin.partials.field', ['name' => 'pixel_id', 'label' => 'Pixel ID (Dataset ID)', 'value' => $pixelId,
                'placeholder' => 'jemon 1234567890123456', 'hint' => 'Events Manager → Data sources → tomar Pixel → Settings', 'attrs' => 'inputmode="numeric" autocomplete="off"'])
            @include('admin.partials.field', ['name' => 'test_code', 'label' => 'Test Event Code (shudhu test er shomoy)', 'value' => $testCode,
                'placeholder' => 'jemon TEST12345', 'hint' => 'Test shesh hole FAKA kore dao, na hole asol data Test e jabe.'])
            <div class="field span-2">
                <label for="f_capi_token">Conversions API Access Token</label>
                <input type="password" id="f_capi_token" name="capi_token" autocomplete="off" class="{{ $errors->has('capi_token') ? 'is-invalid' : '' }}"
                       placeholder="{{ $hasToken ? '•••••• save kora ache (bodlate notun dao)' : 'Events Manager → Settings → Conversions API → Generate access token' }}">
                <small class="hint">Server theke event pathay: iPhone / ad blocker eo order miss hoy na. Database e encrypt thake, page e dekhay na.</small>
                @error('capi_token') <div class="err">{{ $message }}</div> @enderror
                @if ($hasToken)<label class="check" style="margin-top:6px"><input type="checkbox" name="remove_token" value="1"><span>Token muche dao</span></label>@endif
            </div>
            <div class="field span-2">
                <label>Kon event pathabe</label>
                <div class="px-events">
                    @foreach ($events as $key => $label)
                        <label class="px-event">
                            <input type="checkbox" name="events[]" value="{{ $key }}" @checked(in_array($key, $on, true))>
                            <span><b>{{ $key }}</b><small>{{ $label }}</small></span>
                        </label>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">💾 Save</button>
        </div>
    </form>
@endsection