@extends(BaseHelper::getAdminMasterLayoutTemplate())

@section('content')
    <div class="max-width-1200">
        {!! Form::open(['url' => route('ecommerce.tracking-settings'), 'class' => 'main-setting-form']) !!}
        <x-core-setting::section
            :title="trans('plugins/ecommerce::ecommerce.setting.tracking_settings')"
            :description="trans('plugins/ecommerce::ecommerce.setting.tracking_settings_description')"
        >
            <x-core-setting::on-off
                class="trigger-input-option"
                name="facebook_pixel_enabled"
                data-setting-container=".facebook-pixel-settings-container"
                :label="trans('plugins/ecommerce::ecommerce.setting.enable_facebook_pixel')"
                :value="EcommerceHelper::isFacebookPixelEnabled()"
                :helper-text="trans('plugins/ecommerce::ecommerce.setting.facebook_pixel_helper')"
            />

            <div @class([
                'facebook-pixel-settings-container mb-4 border rounded-top rounded-bottom p-3 bg-light',
                'd-none' => !EcommerceHelper::isFacebookPixelEnabled(),
            ])>
                <x-core-setting::text-input
                    name="facebook_pixel_id"
                    :label="trans('plugins/ecommerce::ecommerce.setting.facebook_pixel_id')"
                    :value="get_ecommerce_setting('facebook_pixel_id')"
                />
            </div>

            <x-core-setting::on-off
                class="trigger-input-option"
                name="google_tag_manager_enabled"
                data-setting-container=".google-tag-manager-settings-container"
                :label="trans('plugins/ecommerce::ecommerce.setting.enable_google_tag_manager')"
                :value="EcommerceHelper::isGoogleTagManagerEnabled()"
                :helper-text="trans('plugins/ecommerce::ecommerce.setting.google_tag_manager_helper')"
            />

            <div @class([
                'google-tag-manager-settings-container mb-4 border rounded-top rounded-bottom p-3 bg-light',
                'd-none' => !EcommerceHelper::isGoogleTagManagerEnabled(),
            ])>
                <div class="form-group mb-3">
                    <label
                        class="text-title-field mb-2"
                        for="google_tag_manager_code"
                    >{{ trans('plugins/ecommerce::ecommerce.setting.google_tag_manager_code') }}</label>
                    <textarea
                        class="next-input"
                        id="google_tag_manager_code"
                        name="google_tag_manager_code"
                        rows="3"
                    >{{ old('google_tag_manager_code', get_ecommerce_setting('google_tag_manager_code')) }}</textarea>
                </div>
            </div>
        </x-core-setting::section>

        <div
            class="flexbox-annotated-section"
            style="border: none"
        >
            <div class="flexbox-annotated-section-annotation">&nbsp;</div>
            <div class="flexbox-annotated-section-content">
                <button
                    class="btn btn-info"
                    type="submit"
                >{{ trans('plugins/ecommerce::currency.save_settings') }}</button>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
    {!! $jsValidation !!}
@endsection

@push('footer')
    <script>
        $(document).ready(() => {
            'use strict';
            Botble.initCodeEditor('google_tag_manager_code', 'javascript');
        });
    </script>
@endpush