@extends('layouts.dashboard')

@section('content')
@php
/**
 * Admin → Automated drips. The list of sequences, the master switch, and the add/edit modal.
 *
 * Composed from the shipped admin analogs rather than a new look: the page action goes to the
 * top-bar subhead slot and the list is a .qm-table inside a .qm-card exactly as
 * resources/views/admin/deals.blade.php does it, and the master switch is the .qm-switch-row row used by
 * Maintenance and Header.
 *
 * @var array $rows          sequences with their step + enrolment counts
 * @var array $restaurants   for the scope picker
 * @var array $triggerTypes  the three trigger keys
 * @var bool  $masterOn      drip_enabled
 * @var bool  $canSend       whether outbound mail is configured
 * @var int   $liveTemplates how many email templates are switched on
 */
$rows          = $rows ?? [];
$restaurants   = $restaurants ?? [];
$triggerTypes  = $triggerTypes ?? ['lapsed', 'post_order', 'signup'];
$masterOn      = $masterOn ?? false;
$canSend       = $canSend ?? false;
$liveTemplates = (int) ($liveTemplates ?? 0);
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php ob_start();
@endphp
<button class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#dripModal" data-drip-add>{{ t_raw('admin.drip.add_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp

@php // The master switch. Separate from each sequence's own toggle and from the cron job's
      // enable flag, so an operator can stop every drip at once without editing anything.
@endphp
<form method="post" action="{{ route('admin.drip.master') }}">
    @csrf
    <div class="qm-card">
        <label class="qm-switch-row mb-0">
            <i class="fas fa-paper-plane qm-head-chip" aria-hidden="true"></i>
            <span class="flex-grow-1"><strong>{{ t_raw('admin.drip.master_label') }}</strong></span>
            <input class="align-self-center" type="checkbox" name="drip_enabled" value="1" {{ $masterOn ? 'checked' : '' }}>
        </label>
        <div class="d-flex gap-2 mt-3 justify-content-end">
            <button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button>
        </div>
    </div>
</form>

@if (!$canSend)
<div class="qm-card">
    <p class="qm-hint mb-0"><i class="fas fa-info-circle me-1" aria-hidden="true"></i> {{ t_raw('admin.drip.needs_smtp') }} <a href="{{ route('admin.settings') . '#email' }}">{{ t_raw('admin.messages.mail_off_link') }}</a></p>
</div>
@elseif ($liveTemplates === 0)
<div class="qm-card">
    <p class="qm-hint mb-0"><i class="fas fa-info-circle me-1" aria-hidden="true"></i> {{ t_raw('admin.drip.needs_template') }} <a href="{{ route('admin.email-templates') }}">{{ t_raw('nav.email_templates') }}</a></p>
</div>
@endif

<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('admin.drip.list_heading') }}</h2>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.drip.list_heading') }}</caption>
        <thead><tr>
            <th scope="col" data-sort="text">{{ t_raw('common.name') }}</th>
            <th scope="col" data-sort="text">{{ t_raw('admin.drip.col_trigger') }}</th>
            <th scope="col" data-sort="text">{{ t_raw('admin.drip.col_scope') }}</th>
            <th scope="col" data-sort="number">{{ t_raw('admin.drip.col_steps') }}</th>
            <th scope="col" data-sort="number">{{ t_raw('admin.drip.col_enrolled') }}</th>
            <th scope="col">{{ t_raw('common.status') }}</th>
            <th class="text-end" scope="col">{{ t_raw('common.actions') }}</th>
        </tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $s)
@php $active = (int) $s['is_active'] === 1; $steps = (int) $s['step_count']; @endphp
            <tr>
                <td>
                    <strong>{{ (string) $s['name'] }}</strong>
                    @php // A live sequence with no steps queues nothing. Say so on the row rather
                          // than leaving the operator to read an empty run history.
@endphp
                    @if ($active && $steps === 0)<div class="qm-cell-sub">{{ t_raw('admin.drip.warn_no_steps') }}</div>@endif
                </td>
                <td>{{ t_raw('admin.drip.trigger_' . e((string) $s['trigger_type'])) }}<div class="qm-cell-sub">{{ t_raw('admin.drip.trigger_days_cell', [':days' => (int) $s['trigger_days']]) }}</div></td>
                <td>{!! !empty($s['restaurant_name']) ? e((string) $s['restaurant_name']) : t('admin.deals.scope_platform_wide') !!}</td>
                <td data-sort-value="{{ $steps }}">{{ $steps }}</td>
                <td data-sort-value="{{ (int) $s['active_count'] }}">{{ (int) $s['active_count'] }}@if ((int) $s['done_count'] > 0)<div class="qm-cell-sub">{{ t_raw('admin.drip.completed_cell', [':n' => (int) $s['done_count']]) }}</div>@endif</td>
                <td>
                    <form method="post" action="{{ route('admin.drip.toggle') }}" class="mb-0">
                        @csrf
                        <input type="hidden" name="id" value="{{ (int) $s['id'] }}">
                        <input type="hidden" name="active" value="{{ $active ? '0' : '1' }}">
                        <div class="form-check form-switch qm-switch-status mb-0"><input class="form-check-input" type="checkbox" role="switch" data-autosubmit{{ $active ? ' checked' : '' }} aria-label="{!! $active ? t('common.enabled') : t('common.disabled') !!}"></div>
                    </form>
                </td>
                <td class="qm-actions-cell">
                    <a class="qm-icon-btn" href="{{ url('/admin/drip/' . (int) $s['id'] . '/steps') }}" aria-label="{{ t_raw('admin.drip.action_steps') }}" title="{{ t_raw('admin.drip.action_steps') }}"><i class="fas fa-list-ol" aria-hidden="true"></i></a>
                    <button type="button" class="qm-icon-btn" data-bs-toggle="modal" data-bs-target="#dripModal" data-drip-edit
                        data-id="{{ (int) $s['id'] }}" data-name="{{ (string) $s['name'] }}" data-trigger="{{ (string) $s['trigger_type'] }}"
                        data-days="{{ (int) $s['trigger_days'] }}" data-restaurant="{{ (int) ($s['restaurant_id'] ?? 0) }}" data-active="{{ (int) $s['is_active'] }}"
                        aria-label="{{ t_raw('common.edit') }}" title="{{ t_raw('common.edit') }}"><i class="fas fa-pen" aria-hidden="true"></i></button>
                    <form method="post" action="{{ route('admin.drip.delete') }}" class="d-inline" data-confirm="{{ t_raw('admin.drip.confirm_delete') }}">@csrf<input type="hidden" name="id" value="{{ (int) $s['id'] }}"><button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('common.delete') }}" title="{{ t_raw('common.delete') }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button></form>
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 7, 'icon' => 'fa-paper-plane', 'msg' => t('admin.drip.empty')])
            @endif
        </tbody>
    </table>
    </div>
</div>

<div class="modal fade" id="dripModal" tabindex="-1" aria-labelledby="drip-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('admin.drip') }}">
            @csrf
            <input type="hidden" name="id" id="drip-id">
            <div class="modal-header"><h2 class="modal-title h5" id="drip-modal-title" data-title-add="{{ t_raw('admin.drip.modal_title') }}" data-title-edit="{{ t_raw('admin.drip.modal_edit_title') }}">{{ t_raw('admin.drip.modal_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="drip-name">{{ t_raw('common.name') }}</label><input type="text" id="drip-name" name="name" class="form-control" maxlength="120" required placeholder="{{ t_raw('admin.drip.name_placeholder') }}"></div>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="drip-trigger">{{ t_raw('admin.drip.col_trigger') }}</label>
                        <select id="drip-trigger" name="trigger_type" class="form-select">
                            @foreach ($triggerTypes as $tt)
                            <option value="{{ $tt }}">{{ t_raw('admin.drip.trigger_' . e($tt)) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3"><label class="form-label" for="drip-days">{{ t_raw('admin.drip.field_days') }}</label><input type="number" step="1" min="1" max="3650" id="drip-days" name="trigger_days" class="form-control" value="30" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="drip-restaurant">{{ t_raw('admin.drip.col_scope') }}</label>
                    <select id="drip-restaurant" name="restaurant_id" class="form-select">
                        <option value="0">{{ t_raw('admin.deals.scope_platform_wide') }}</option>
                        @foreach ($restaurants as $r)
                        <option value="{{ (int) $r['id'] }}">{{ (string) $r['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="qm-check"><input type="checkbox" id="drip-active" name="is_active" value="1"> {{ t_raw('common.active') }}</label>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>

<script>
/* Fill the shared modal from the clicked row (add = blank), the same idiom the deals list uses. */
(function () {
    var modal = document.getElementById('dripModal');
    if (!modal) { return; }
    var title = document.getElementById('drip-modal-title');
    function set(id, value) { var el = document.getElementById(id); if (el) { el.value = value; } }

    document.addEventListener('change', function (e) {
        var t = e.target.closest('[data-autosubmit]');
        if (t) { var f = t.closest('form'); if (f) { f.submit(); } }
    });

    document.addEventListener('click', function (e) {
        var add = e.target.closest('[data-drip-add]');
        if (add) {
            set('drip-id', ''); set('drip-name', ''); set('drip-trigger', 'lapsed');
            set('drip-days', '30'); set('drip-restaurant', '0');
            var a = document.getElementById('drip-active'); if (a) { a.checked = false; }
            if (title) { title.textContent = title.getAttribute('data-title-add') || title.textContent; }
            return;
        }
        var edit = e.target.closest('[data-drip-edit]');
        if (!edit) { return; }
        set('drip-id', edit.getAttribute('data-id') || '');
        set('drip-name', edit.getAttribute('data-name') || '');
        set('drip-trigger', edit.getAttribute('data-trigger') || 'lapsed');
        set('drip-days', edit.getAttribute('data-days') || '30');
        set('drip-restaurant', edit.getAttribute('data-restaurant') || '0');
        var act = document.getElementById('drip-active');
        if (act) { act.checked = edit.getAttribute('data-active') === '1'; }
        if (title) { title.textContent = title.getAttribute('data-title-edit') || title.textContent; }
    });
})();
</script>

</div>@php /* /.qm-d2 */
@endphp
@endsection