@php
$languages = activeLanguages();
$pageCode = 'TOP_NAV';
@endphp
<fieldset>
    <legend>General</legend>
    <ul class="nav nav-tabs" id="contentLangTabs" role="tablist">
        @foreach ($languages as $language)
        <li class="nav-item">
            <a class="nav-link{{ $language->default ? ' active' : '' }}" id="cta-label-{{ $language->id }}-tab" data-toggle="tab" href="#cta-label-{{ $language->id }}" role="tab">{{ getLanguageTranslation($language->name) }}</a>
        </li>
        @endforeach
    </ul>
    <div class="with-tabs">
        <div class="tab-content" id="contentLangTabsContent">
            @foreach ($languages as $language)
            <div class="tab-pane fade{{ $language->default ? ' show active' : '' }}" id="cta-label-{{ $language->id }}" role="tabpanel" aria-labelledby="cta-label-{{ $language->id }}-tab">
                <div class="form-group{{ $errors->has('static_button_get_started_label_' . $language->id) ? ' has-error' : '' }}">
                    {!! Form::label('static_button_get_started_label_' . $language->id, 'Label', ['class' => '']) !!}

                    {!! Form::text('static_button_get_started_label_' . $language->id, isset($staticData['static_button_get_started_label']) ? getLanguageTranslation($staticData['static_button_get_started_label'], $language->id) : null, ['class' => 'form-control', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

                    <span class="help-block">
                        <strong>{{ $errors->first('static_button_get_started_label_' . $language->id) }}</strong>
                    </span>
                    {{ Form::hidden('static_button_get_started_label', strtoupper($pageCode . '_static_button_get_started_label')) }}
                </div>
            </div>
            @endforeach
        </div>
    </div>

    <div class="form-group url-selector-field {{ $errors->has('static_button_get_started_url') ||$errors->has('static_button_get_started_url_type') ? ' has-error' : '' }}">
        {!! Form::label('static_button_get_started_url', 'Url', ['class' => '']) !!}

        <div class="input-group mb-3">
            {!! Form::select('static_button_get_started_url_type', ['internal' => 'Internal', 'external' => 'External'], isset($staticData['static_button_get_started_url_type']) ? $staticData['static_button_get_started_url_type'] : null, ['class' => 'form-control url-type col-md-3 col-sm-12', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}
            {!! Form::text('static_button_get_started_url[external]', (isset($staticData['static_button_get_started_url_type']) && $staticData['static_button_get_started_url_type'] === 'external' ? (isset($staticData['static_button_get_started_url']) ? $staticData['static_button_get_started_url'] : '') : ''), ['class' => 'form-control url-type-external col-md-9 col-sm-12', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}
            {!! Form::select('static_button_get_started_url[internal]', $available_pages, (isset($staticData['static_button_get_started_url_type']) && $staticData['static_button_get_started_url_type'] === 'internal' ? (isset($staticData['static_button_get_started_url']) ? ltrim($staticData['static_button_get_started_url'], '/') : '') : ''), ['class' => 'form-control url-type-internal col-md-9 col-sm-12', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}
        </div>
        <span class="help-block">
            <strong>{{ $errors->first('static_button_get_started_url') }}</strong>
            <strong>{{ $errors->first('static_button_get_started_url_type') }}</strong>
        </span>
    </div>
</fieldset>
<fieldset>
    <legend>Google Analytics Event</legend>
    <div class="form-group{{ $errors->has('static_button_get_started_ga_label') ? ' has-error' : '' }}">
        {!! Form::label('static_button_get_started_ga_label', 'Label', ['class' => '']) !!}

        {!! Form::text('static_button_get_started_ga_label', isset($staticData['static_button_get_started_ga_label']) ? $staticData['static_button_get_started_ga_label'] : null, ['class' => 'form-control', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

        <span class="help-block">
            <strong>{{ $errors->first('static_button_get_started_ga_label') }}</strong>
        </span>
    </div>

    <div class="form-group{{ $errors->has('static_button_get_started_ga_category') ? ' has-error' : '' }}">
        {!! Form::label('static_button_get_started_ga_category', 'Category', ['class' => '']) !!}

        {!! Form::text('static_button_get_started_ga_category', isset($staticData['static_button_get_started_ga_category']) ? $staticData['static_button_get_started_ga_category'] : null, ['class' => 'form-control', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

        <span class="help-block">
            <strong>{{ $errors->first('static_button_get_started_ga_category') }}</strong>
        </span>
    </div>

    <div class="form-group{{ $errors->has('static_button_get_started_ga_action') ? ' has-error' : '' }}">
        {!! Form::label('static_button_get_started_ga_action', 'Action', ['class' => '']) !!}

        {!! Form::text('static_button_get_started_ga_action', isset($staticData['static_button_get_started_ga_action']) ? $staticData['static_button_get_started_ga_action'] : null, ['class' => 'form-control', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

        <span class="help-block">
            <strong>{{ $errors->first('static_button_get_started_ga_action') }}</strong>
        </span>
    </div>
</fieldset>

@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('.url-selector-field').each(function(e) {
            var $this = $(this);
            var selector = $this.find('.url-type');

            if (selector.val() === 'internal') {
                $this.find('.url-type-internal').show();
                $this.find('.url-type-external').hide();
            } else {
                $this.find('.url-type-internal').hide();
                $this.find('.url-type-external').show();
            }

            selector.change(function(e) {
                if ($(this).val() === 'internal') {
                    $this.find('.url-type-internal').show();
                    $this.find('.url-type-external').hide();
                } else {
                    $this.find('.url-type-internal').hide();
                    $this.find('.url-type-external').show();
                }
            });
        });
    });
</script>
@endpush