@php
    $condition = $condition ?? [];
    $type = $condition['type'] ?? 'contact_field';
@endphp
<div class="border rounded p-1 mb-1 workflow-condition-row">
    <div class="row align-items-end">
        <div class="col-md-3 mb-50">
            <label class="form-label">{{ __('locale.workflows.condition_type') }}</label>
            <select class="form-select condition-type" name="conditions[{{ $index }}][type]">
                <option value="contact_field" @selected($type === 'contact_field')>{{ __('locale.workflows.condition_contact_field') }}</option>
                <option value="group_membership" @selected($type === 'group_membership')>{{ __('locale.workflows.condition_group_membership') }}</option>
                <option value="sms_status" @selected($type === 'sms_status')>{{ __('locale.workflows.condition_sms_status') }}</option>
            </select>
        </div>
        <div class="col-md-3 mb-50 condition-field" data-for="contact_field">
            <label class="form-label">{{ __('locale.workflows.field_tag') }}</label>
            <input type="text" class="form-control" name="conditions[{{ $index }}][field_tag]" value="{{ $condition['field_tag'] ?? '' }}" placeholder="FIRST_NAME">
        </div>
        <div class="col-md-2 mb-50 condition-field" data-for="contact_field group_membership sms_status">
            <label class="form-label">{{ __('locale.workflows.operator') }}</label>
            <select class="form-select select2" name="conditions[{{ $index }}][operator]">
                <option value="equals" @selected(($condition['operator'] ?? '') === 'equals')>{{ __('locale.workflows.operator_equals') }}</option>
                <option value="not_equals" @selected(($condition['operator'] ?? '') === 'not_equals')>{{ __('locale.workflows.operator_not_equals') }}</option>
                <option value="contains" @selected(($condition['operator'] ?? '') === 'contains')>{{ __('locale.workflows.operator_contains') }}</option>
                <option value="is_empty" @selected(($condition['operator'] ?? '') === 'is_empty')>{{ __('locale.workflows.operator_is_empty') }}</option>
                <option value="not_empty" @selected(($condition['operator'] ?? '') === 'not_empty')>{{ __('locale.workflows.operator_not_empty') }}</option>
                <option value="in" @selected(($condition['operator'] ?? '') === 'in')>{{ __('locale.workflows.operator_in') }}</option>
                <option value="not_in" @selected(($condition['operator'] ?? '') === 'not_in')>{{ __('locale.workflows.operator_not_in') }}</option>
            </select>
        </div>
        <div class="col-md-3 mb-50 condition-field" data-for="contact_field">
            <label class="form-label">{{ __('locale.labels.value') }}</label>
            <input type="text" class="form-control" name="conditions[{{ $index }}][value]" value="{{ $condition['value'] ?? '' }}">
        </div>
        <div class="col-md-3 mb-50 condition-field" data-for="group_membership">
            <label class="form-label">{{ __('locale.workflows.contact_group') }}</label>
            <select class="form-select select2" name="conditions[{{ $index }}][group_id]">
                <option value="">{{ __('locale.labels.none') }}</option>
                @foreach($contact_groups as $group)
                    <option value="{{ $group->id }}" @selected((string)($condition['group_id'] ?? '') === (string)$group->id)>{{ $group->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 mb-50 condition-field" data-for="sms_status">
            <label class="form-label">{{ __('locale.labels.status') }}</label>
            <select class="form-select" name="conditions[{{ $index }}][status]">
                @foreach(['Delivered', 'Failed', 'Sent', 'Undelivered'] as $smsStatus)
                    <option value="{{ $smsStatus }}" @selected(($condition['status'] ?? 'Delivered') === $smsStatus)>{{ $smsStatus }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-1 mb-50">
            <button type="button" class="btn btn-icon btn-outline-danger remove-row" title="{{ __('locale.buttons.delete') }}">
                <i data-feather="trash-2"></i>
            </button>
        </div>
    </div>
</div>