@extends('backend.layout.master-tailwind')
@section('title', __('Category CTA Settings'))

@section('content')

<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Category CTA Settings') }}</h1>
      <p class="page-sub">{{ __('Call-to-action text and link shown on the category section') }}</p>
    </div>
  </div>

  <div style="max-width:560px">
    <form action="{{ route('admin.category.cta.settings') }}" method="POST">
      @csrf
      <div class="card">

        <div style="padding:18px;display:flex;flex-direction:column;gap:16px">

          <div>
            <label class="field-label" for="cta_title">{{ __('Title') }}</label>
            <input class="input wide" type="text" id="cta_title" name="category_settings_cta_title"
                   value="{{ get_static_option('category_settings_cta_title') }}"
                   placeholder="{{ __('e.g. Browse All Categories') }}">
          </div>

          <div>
            <label class="field-label" for="cta_description">{{ __('Description') }}</label>
            <textarea class="input wide" id="cta_description" name="category_settings_cta_description"
                      placeholder="{{ __('Short description below the title') }}"
                      style="min-height:80px;resize:vertical">{{ get_static_option('category_settings_cta_description') }}</textarea>
          </div>

          <div>
            <label class="field-label" for="cta_button_text">{{ __('Button Text') }}</label>
            <input class="input wide" type="text" id="cta_button_text" name="category_settings_cta_button_text"
                   value="{{ get_static_option('category_settings_cta_button_text') }}"
                   placeholder="{{ __('e.g. Explore Now') }}">
          </div>

          <div>
            <label class="field-label" for="cta_button_url">{{ __('Button URL') }}</label>
            <input class="input wide" type="url" id="cta_button_url" name="category_settings_cta_button_url"
                   value="{{ get_static_option('category_settings_cta_button_url') }}"
                   placeholder="https://">
          </div>

        </div>

        <div style="padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end">
          <button type="submit" class="btn primary sm">{{ __('Save Changes') }}</button>
        </div>

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

</div>

@endsection