@php
    $workflow = $workflow ?? null;
    $trigger = $workflow?->triggers?->first();
    $triggerType = old('trigger_type', $trigger?->type ?? 'group_join');
    $triggerConfig = old('trigger_config', $trigger?->config ?? []);
    $conditions = old('conditions', $workflow?->conditions ?? []);
    $existingActions = old('actions');
    if (! is_array($existingActions)) {
        $existingActions = [];
        foreach ($workflow?->actions ?? [] as $action) {
            $existingActions[] = array_merge(['type' => $action->type], $action->config ?? []);
        }
    }
    if ($existingActions === []) {
        $existingActions[] = ['type' => 'send_sms', 'sms_type' => 'plain', 'delay_unit' => 'minutes'];
    }
    $timezone = old('timezone', $workflow?->timezone ?: (auth()->user()->timezone ?: 'Asia/Dhaka'));
    $status = old('status', $workflow?->status ?? 'draft');
@endphp

<div class="row">
    <div class="col-md-8">
        <div class="mb-1">
            <label class="form-label required" for="name">{{ __('locale.labels.name') }}</label>
            <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name"
                   value="{{ old('name', $workflow?->name) }}" required>
            @error('name')<p><small class="text-danger">{{ $message }}</small></p>@enderror
        </div>
    </div>
    <div class="col-md-4">
        <div class="mb-1">
            <label class="form-label required" for="status">{{ __('locale.labels.status') }}</label>
            <select class="form-select" id="status" name="status">
                <option value="draft" @selected($status === 'draft')>{{ __('locale.workflows.status_draft') }}</option>
                <option value="active" @selected($status === 'active')>{{ __('locale.workflows.status_active') }}</option>
                <option value="inactive" @selected($status === 'inactive')>{{ __('locale.workflows.status_inactive') }}</option>
            </select>
        </div>
    </div>
    <div class="col-12">
        <div class="mb-1">
            <label class="form-label" for="description">{{ __('locale.labels.description') }}</label>
            <textarea class="form-control" id="description" name="description" rows="2">{{ old('description', $workflow?->description) }}</textarea>
        </div>
    </div>
    <div class="col-md-6">
        <div class="mb-1">
            <label class="form-label required" for="timezone">{{ __('locale.labels.timezone') }}</label>
            <select class="form-select select2" id="timezone" name="timezone">
                @foreach(\App\Library\Tool::allTimeZones() as $tzOption)
                    <option value="{{ $tzOption['zone'] }}" @selected($timezone === $tzOption['zone'])>{{ $tzOption['text'] }}</option>
                @endforeach
            </select>
            @error('timezone')<p><small class="text-danger">{{ $message }}</small></p>@enderror
        </div>
    </div>
</div>

<hr>
<h5 class="mb-1">{{ __('locale.workflows.trigger') }}</h5>
<p class="text-muted">{{ __('locale.workflows.trigger_help') }}</p>

<div class="mb-1">
    <label class="form-label required" for="trigger_type">{{ __('locale.workflows.trigger_type') }}</label>
    <select class="form-select select2" id="trigger_type" name="trigger_type">
        @foreach(\App\Models\WorkflowTrigger::types() as $type)
            <option value="{{ $type }}" @selected($triggerType === $type)>{{ __('locale.workflows.trigger_'.$type) }}</option>
        @endforeach
    </select>
</div>

<div class="workflow-trigger-config" data-for="group_join">
    <div class="mb-1">
        <label class="form-label" for="trigger_group_id">{{ __('locale.workflows.contact_group') }}</label>
        <select class="form-select select2" id="trigger_group_id" name="trigger_config[group_id]">
            <option value="">{{ __('locale.workflows.any_group') }}</option>
            @foreach($contact_groups as $group)
                <option value="{{ $group->id }}" @selected((string)($triggerConfig['group_id'] ?? '') === (string)$group->id)>{{ $group->name }}</option>
            @endforeach
        </select>
    </div>
</div>

<div class="workflow-trigger-config" data-for="keyword_received">
    <div class="row">
        <div class="col-md-6 mb-1">
            <label class="form-label" for="trigger_keyword_id">{{ __('locale.menu.Keywords') }}</label>
            <select class="form-select select2" id="trigger_keyword_id" name="trigger_config[keyword_id]">
                <option value="">{{ __('locale.labels.none') }}</option>
                @foreach($keywords as $keyword)
                    <option value="{{ $keyword->id }}" @selected((string)($triggerConfig['keyword_id'] ?? '') === (string)$keyword->id)>{{ $keyword->keyword_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6 mb-1">
            <label class="form-label" for="trigger_keyword">{{ __('locale.labels.keyword') }}</label>
            <input type="text" class="form-control" id="trigger_keyword" name="trigger_config[keyword]"
                   value="{{ $triggerConfig['keyword'] ?? '' }}" placeholder="{{ __('locale.workflows.keyword_placeholder') }}">
        </div>
    </div>
</div>

<div class="workflow-trigger-config" data-for="campaign_delivered">
    <div class="mb-1">
        <label class="form-label" for="trigger_campaign_id">{{ __('locale.menu.Campaigns') }}</label>
        <select class="form-select select2" id="trigger_campaign_id" name="trigger_config[campaign_id]">
            <option value="">{{ __('locale.workflows.any_campaign') }}</option>
            @foreach($campaigns as $campaign)
                <option value="{{ $campaign->id }}" @selected((string)($triggerConfig['campaign_id'] ?? '') === (string)$campaign->id)>{{ $campaign->campaign_name }}</option>
            @endforeach
        </select>
    </div>
</div>

<div class="workflow-trigger-config" data-for="birthday anniversary custom_field_date">
    <div class="row">
        <div class="col-md-6 mb-1">
            <label class="form-label" for="trigger_field_uid">{{ __('locale.workflows.date_field') }}</label>
            <select class="form-select select2" id="trigger_field_uid" name="trigger_config[field_uid]">
                <option value="">{{ __('locale.labels.none') }}</option>
                @foreach($date_fields as $field)
                    <option value="{{ $field->uid }}" @selected(($triggerConfig['field_uid'] ?? '') === $field->uid)>
                        {{ $field->contactGroup?->name }} — {{ $field->label }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label" for="trigger_at">{{ __('locale.labels.time') }}</label>
            <input type="time" class="form-control" id="trigger_at" name="trigger_config[at]" value="{{ $triggerConfig['at'] ?? '09:00' }}">
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label" for="trigger_before">{{ __('locale.workflows.before') }}</label>
            <select class="form-select" id="trigger_before" name="trigger_config[before]">
                @foreach(['0 day', '1 day', '2 days', '3 days', '1 week'] as $before)
                    <option value="{{ $before }}" @selected(($triggerConfig['before'] ?? '0 day') === $before)>{{ $before }}</option>
                @endforeach
            </select>
        </div>
    </div>
</div>

<hr>
<h5 class="mb-1">{{ __('locale.workflows.conditions') }}</h5>
<p class="text-muted">{{ __('locale.workflows.conditions_help') }}</p>
<div id="workflow-conditions">
    @forelse($conditions as $index => $condition)
        @include('customer.Workflows._condition_row', ['index' => $index, 'condition' => $condition])
    @empty
    @endforelse
</div>
<button type="button" class="btn btn-outline-primary btn-sm mb-2" id="add-condition">
    <i data-feather="plus"></i> {{ __('locale.workflows.add_condition') }}
</button>

<hr>
<h5 class="mb-1">{{ __('locale.workflows.actions') }}</h5>
<p class="text-muted">{{ __('locale.workflows.actions_help') }}</p>
<div id="workflow-actions">
    @foreach($existingActions as $index => $action)
        @include('customer.Workflows._action_row', ['index' => $index, 'action' => $action])
    @endforeach
</div>
<button type="button" class="btn btn-outline-primary btn-sm mb-2" id="add-action">
    <i data-feather="plus"></i> {{ __('locale.workflows.add_action') }}
</button>

<template id="condition-template">
    @include('customer.Workflows._condition_row', ['index' => '__INDEX__', 'condition' => []])
</template>
<template id="action-template">
    @include('customer.Workflows._action_row', ['index' => '__INDEX__', 'action' => ['type' => 'send_sms', 'sms_type' => 'plain', 'delay_unit' => 'minutes']])
</template>

<div class="mt-2">
    <button type="submit" class="btn btn-primary">{{ __('locale.buttons.save') }}</button>
    <a href="{{ route('customer.workflows.index') }}" class="btn btn-outline-secondary">{{ __('locale.buttons.cancel') }}</a>
</div>