@include('header') 
@include('article-progress-section') 
  <section class="body-section">
    <div class="w-layout-blockcontainer container-width body w-container">
      <p class="new-article-explainer-text">Let&#x27;s begin! Tell us the keyword you want your article to focus on. This will help us tailor your content for maximum impact.</p>
      <div class="keyword-input-container">
        <div class="keyword-input-text-container">
          <div class="keyword-form-block w-form">
            <form action="#" id="email-form-2" name="email-form-2" data-name="Email Form 2" method="get" data-wf-page-id="64cac6829b8bf9eb3fb58b0a" data-wf-element-id="343878dd-a028-cc8a-2eca-5b42ecff39ba">
              <input 
                type="text"
                class="keyword-form-input w-input"
                maxlength="256"
                placeholder="aircraft parts inventory"
                disabled
                readonly
                value="{{$targetKeyword['target_keyword']}}"
              />
            </form>
          </div>
        </div>
        <div class="div-block-10">
          <input type="hidden" id="_token" value="{{ csrf_token() }}" />
          <a href="#" onclick="updateCurrentStep(2, {{$articleSessionId}}, '/composer/article-type/{{$articleSessionId}}')" class="button-link-block w-inline-block">
            <div class="button white-text purple">
              <div class="button-text">
                <div class="text-block">Next: Choose an Article Type</div>
              </div>
              <div class="button-icon">
                <img src="{{asset('images/arrow-icon.png')}}" loading="lazy" alt="">
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>
@include('footer')