@extends('layouts.admin')

@section('content')

<!-- Main content -->
@component('admin.components.tabs')

{{-- The tabs component already supplies the card, and its card-body is p-0.
     Content sits directly in the pane and brings its own padding — same as the
     sibling tab pages, which drop a bare <table> in here. --}}
<form class="form-horizontal" action="{{ route('admin.promo_codes.notifications.update') }}" method="POST">
  @csrf
  @method('PUT')

  <div class="px-3 pt-3">

    @if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
      {{ session('success') }}
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    @endif

    @if ($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      <ul class="mb-0">
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
      </ul>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    @endif

    {{-- Redemption ------------------------------------------------------ --}}
    <h5 class="mb-3">Redemption</h5>

    <div class="form-group row {{ $errors->has('promo_code_question_id') ? 'has-error' : '' }}">
      <label for="promo_code_question_id" class="col-sm-3 col-lg-2 control-label">Code input question</label>
      <div class="col-sm-9 col-lg-6">
        <select name="promo_code_question_id" id="promo_code_question_id" class="form-control">
          <option value="">&mdash; redemption disabled &mdash;</option>
          @foreach($questions as $question)
          <option value="{{ $question->id }}"
            {{ (string) old('promo_code_question_id', $questionId) === (string) $question->id ? 'selected' : '' }}>
            #{{ $question->id }} &middot; {{ Str::limit($question->question_title, 80) }}
          </option>
          @endforeach
        </select>

        @if ($errors->has('promo_code_question_id'))
        <span class="help-block text-danger">{{ $errors->first('promo_code_question_id') }}</span>
        @endif

        <small class="form-text text-muted">
          A user's answer to this question is treated as a promo code. Leave it disabled to stop
          accepting codes.
        </small>
        <small class="form-text text-warning">
          <i class="fas fa-exclamation-triangle"></i>
          Choose a question that accepts typed text. On a multiple-choice question, whichever option
          the user taps becomes the code they redeem.
        </small>
      </div>
    </div>

    <hr class="mt-4">

    {{-- WhatsApp templates --------------------------------------------- --}}
    <h5 class="mb-1">WhatsApp workflows</h5>
    <p class="text-muted">
      The WhatsApp gateway workflow each message runs. The workflow receives the variables listed
      with each field.
    </p>

    @if ($workflows === null)
    <div class="alert alert-warning">
      <i class="fas fa-exclamation-triangle"></i>
      Couldn't load workflows from the WhatsApp gateway, so only the saved choices are listed.
    </div>
    @endif

    @foreach($notifications as $slug => $notification)
    @php($current = old($slug, $templates[$slug] ?? $notification['content']))
    <div class="form-group row {{ $errors->has($slug) ? 'has-error' : '' }}">
      <label for="{{ $slug }}" class="col-sm-3 col-lg-2 control-label">{{ $notification['label'] }}</label>
      <div class="col-sm-9 col-lg-6">
        <select name="{{ $slug }}" id="{{ $slug }}" class="form-control" required>
          {{-- Kept visible so a save never swaps it out silently. --}}
          @if (!in_array($current, $workflows ?? [], true))
          <option value="{{ $current }}" selected>{{ $current }}{{ $workflows !== null ? ' (not found in gateway)' : '' }}</option>
          @endif
          @foreach($workflows ?? [] as $workflow)
          <option value="{{ $workflow }}" {{ $current === $workflow ? 'selected' : '' }}>{{ $workflow }}</option>
          @endforeach
        </select>

        @if ($errors->has($slug))
        <span class="help-block text-danger">{{ $errors->first($slug) }}</span>
        @endif

        <small class="form-text text-muted">
          {{ $notification['description'] }}.
        </small>
        <small class="form-text text-muted">
          Variables:
          @foreach($notification['placeholders'] as $placeholder)
          <code>{{ $placeholder }}</code>
          @endforeach
        </small>
      </div>
    </div>
    @endforeach

  </div>

  <div class="card-footer">
    <button type="submit" class="btn btn-primary">
      <i class="fas fa-save"></i> Save settings
    </button>
  </div>
</form>

@endcomponent

@endsection