@extends('front.layouts.app')

@section('content')
    <div class="container-lg pt-3 mb-3">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-9">
                <div class="card shadow border-0">
                    <div class="card-body text-center">
                        <div class="mb-3">
                            <h1 class="fw-bold font-family-zilla-slab mb-0">Submit your AI Tool for free!</h1>
                            <small>Limited to first {{ $max_submissions }} approved submissions.

                                @if ($submissions_left < $max_submissions / 2)
                                    <br> {{ $submitted_tool_count }} submissions received, {{ $submissions_left }} free
                                    slots left
                                @endif
                            </small>
                        </div>

                        <p class="mb-3">Perks of a new AI tool directory: <span
                                class="bg-highlighter-pink py-1 px-2 fw-bold ">free tool submission!</span> We are grateful
                            for your initial support and we wish to reward our early adopters with AI tool submission at
                            <span class="bg-highlighter-yellow py-1 px-2 fw-bold">$0 charge.</span></p>

                        <p class="mb-3">
                            While our platform is still relatively new, we are commited to becoming one of the leading AI
                            tool directories online, focusing on inspring the businesses & consumers with innovative AI
                            tools.
                        </p>

                        <p class="mb-1 fw-bold">Note:</p>
                        <p class="mb-3">Only AI tool founders and related employees can use this form. We will verify your
                            submission based on a combination of provided information submitted in this form.</p>

                        <p class="mb-3">You should only submit a website landing page, mobile app store link, browser
                            extension link, or a product link in its' completed state. This is because our AI crawlers will
                            visit these page to extract meaningful information, and incomplete product will derail our AI
                            crawler.</p>

                        <p class="mb-3">Please do not submit multiple URL sources, or multiple emails of the same product.
                            Please submit fairly and responsibly.</p>

                        <p class="mb-3">Our AI crawler may produce inaccurate results. If that is the case, please contact
                            us via DM and we will correct it manually.</p>

                        <p class="mb-3">If your submission is rejected and is found to be an error, we probably may have
                            found some incorrect details during your submission in the first place. As such, your submission
                            slot is removed to make room for other AI tool submissions. You may resubmit your AI tool again
                            while the slots are still available.</p>

                        <p class="mb-3">Your AI tool may have already been identified by our crawler engine in the first
                            place. If that is the case, your submission is already pre-approved, and your submission slot
                            will be released to make room for other AI tool submissions.</p>

                        <p class="mb-3">You may/may not be notified by email when the tool is approved or rejected. We are
                            still looking for a cost-effective email provider. In the meantime, DM us to check your
                            submission.</p>

                        <p class="mb-3">It may take up to a few days for us to provide you with a response. Please be
                            patient and if we still have not resolve it, DM us.</p>

                        <p class="mb-3">DM <a target="_blank" href="https://x.com/charlestehio">@charlestehio</a> for
                            support here.</p>



                        <form action="{{ route('front.submit-tool.post') }}" method="POST">
                            @csrf

                            {{-- Submitted URL --}}
                            <div class="mb-3">
                                <label for="submitted_url" class="fw-bold form-label">Your AI tool URL</label>
                                <input type="text" class="form-control" id="submitted_url" name="submitted_url"
                                    placeholder="e.g. https://myaitool.com" value="{{ old('submitted_url') }}" required>
                            </div>

                            {{-- Email --}}
                            <div class="mb-3">
                                <label for="email" class="form-label fw-bold">Official Email for your AI Tool</label>
                                <input type="email" class="form-control" id="email" name="email"
                                    value="{{ old('email') }}" placeholder="e.g. johndoe@myaitool.com | myaitool@gmail.com"
                                    required>
                            </div>

                            {{-- Social --}}
                            <div class="mb-3">
                                <label for="social" class="form-label fw-bold">Your Social Username</label>
                                <input type="text" class="form-control" id="social" name="social"
                                    value="{{ old('social') }}" placeholder="e.g. @johndoemyaitool" required>
                            </div>

                            {{-- Social Type --}}
                            <div class="mb-3">
                                <label for="social_type" class="form-label fw-bold">Your Social Platform (e.g.
                                    Twitter/X)</label>
                                <select class="form-select" id="social_type" name="social_type" required>
                                    <option value="" disabled>Select Social Platform</option>
                                    <option value="Reddit" {{ old('social_type') == 'Reddit' ? 'selected' : '' }}>Reddit
                                    </option>
                                    <option value="Instagram" {{ old('social_type') == 'Instagram' ? 'selected' : '' }}>
                                        Instagram</option>
                                    <option value="Twitter" {{ old('social_type') == 'Twitter' ? 'selected' : '' }}>
                                        Twitter/X</option>
                                    <option value="TikTok" {{ old('social_type') == 'TikTok' ? 'selected' : '' }}>TikTok
                                    </option>
                                    <option value="Twitch" {{ old('social_type') == 'Twitch' ? 'selected' : '' }}>Twitch
                                    </option>
                                    <option value="Facebook" {{ old('social_type') == 'Facebook' ? 'selected' : '' }}>
                                        Facebook</option>
                                    <option value="YouTube" {{ old('social_type') == 'YouTube' ? 'selected' : '' }}>
                                        YouTube</option>
                                    <option value="Tumblr" {{ old('social_type') == 'Tumblr' ? 'selected' : '' }}>Tumblr
                                    </option>
                                    <option value="Discord" {{ old('social_type') == 'Discord' ? 'selected' : '' }}>
                                        Discord</option>
                                    <option value="Substack" {{ old('social_type') == 'Substack' ? 'selected' : '' }}>
                                        Substack</option>
                                    <option value="Others" {{ old('social_type') == 'Others' ? 'selected' : '' }}>Others
                                    </option>
                                </select>
                            </div>

                            {{-- Source Type --}}
                            <div class="mb-3">
                                <label for="source_type" class="form-label fw-bold">Where did you find us?</label>
                                <select class="form-select" id="source_type" name="source_type" required>
                                    <option value="" disabled>Select a Platform</option>
                                    <option value="Google" {{ old('source_type') == 'Google' ? 'selected' : '' }}>Google
                                    </option>
                                    <option value="Bing" {{ old('source_type') == 'Bing' ? 'selected' : '' }}>Bing
                                    </option>
                                    <option value="Yahoo" {{ old('source_type') == 'Yahoo' ? 'selected' : '' }}>Yahoo
                                    </option>
                                    <option value="Reddit" {{ old('source_type') == 'Reddit' ? 'selected' : '' }}>Reddit
                                    </option>
                                    <option value="Instagram" {{ old('source_type') == 'Instagram' ? 'selected' : '' }}>
                                        Instagram</option>
                                    <option value="Twitter" {{ old('source_type') == 'Twitter' ? 'selected' : '' }}>
                                        Twitter</option>
                                    <option value="TikTok" {{ old('source_type') == 'TikTok' ? 'selected' : '' }}>TikTok
                                    </option>
                                    <option value="Twitch" {{ old('source_type') == 'Twitch' ? 'selected' : '' }}>Twitch
                                    </option>
                                    <option value="Facebook" {{ old('source_type') == 'Facebook' ? 'selected' : '' }}>
                                        Facebook</option>
                                    <option value="YouTube" {{ old('source_type') == 'YouTube' ? 'selected' : '' }}>
                                        YouTube</option>
                                    <option value="Tumblr" {{ old('source_type') == 'Tumblr' ? 'selected' : '' }}>Tumblr
                                    </option>
                                    <option value="Discord" {{ old('source_type') == 'Discord' ? 'selected' : '' }}>
                                        Discord</option>
                                    <option value="Substack" {{ old('source_type') == 'Substack' ? 'selected' : '' }}>
                                        Substack</option>
                                    <option value="Others" {{ old('source_type') == 'Others" ' ? 'selected' : '' }}>
                                        Others</option>
                                </select>
                            </div>

                            {{-- Source --}}
                            <div class="mb-3">
                                <label for="source" class="form-label fw-bold">Share us the link of where you find us
                                    (Optional)</label>
                                <textarea class="form-control" id="source" name="source">{{ old('source') }}</textarea>
                            </div>

                            {{-- Comments --}}
                            <div class="mb-3">
                                <label for="comments" class="form-label fw-bold">Any Comments/Feedback/Bugs/Feature Request
                                    (Optional)</label>
                                <textarea class="form-control" id="comments" name="comments">{{ old('comments') }}</textarea>
                            </div>

                            <button type="submit" class="btn btn-primary rounded-pill px-4 breathing-effect">Submit AI
                                Tool</button>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection