<div class="wrap">
    <h1>{{ _wpcc('Site Tester') }}</h1>

    <div class="content">
        <form action="" id="tester-form" type="post">

            {{-- ADD NONCE AND ACTION --}}
            @include('partials.form-nonce-and-action')

            {{-- SITE SELECT--}}
            <div class="input-group site">
                <label for="site_id">{{ _wpcc('Site') }} </label>
                <select name="site_id" id="site_id">
                    @foreach($sites as $key => $site)
                        <option value="{{ $site->ID }}" data-order="{{ $loop->index }}"
                            @if($categoryUrls && isset($categoryUrls[$site->ID]))
                                data-category-urls='{!! json_encode($categoryUrls[$site->ID]) !!}'
                            @endif
                        >{{ $site->post_title }}</option>
                    @endforeach
                </select>
                @include('partials.select-sorter')
            </div>

            {{-- TEST TYPE SELECT--}}
            <div class="input-group test-type">
                <label for="test_type">{{ _wpcc('Test Type') }}</label>
                <select name="test_type" id="test_type">
                    @foreach(\WPCCrawler\Factory::testController()->getGeneralTestTypes() as $testName => $testType)
                        <option value="{{ $testType }}">{{ $testName }}</option>
                    @endforeach
                </select>
            </div>

            {{-- URL --}}
            <div class="input-group url" id="url-input-group">
                <label for="test_url_part">{{ _wpcc('Test URL') }}</label>
                <input type="text" name="test_url_part" id="test_url_part" placeholder="{{ _wpcc('Full URL or URL without domain...') }}">
            </div>

            {{-- SUBMIT BUTTON --}}
            <div class="input-group submit">
                <button class="button wpcc-button" type="submit">{{ _wpcc('Test') }}</button>
            </div>
        </form>

        @include('site-tester.test-history')

        <div id="test-results" class="hidden">

        </div>
    </div>
</div>