{{-- Tab 1: Drip Details --}}

<div class="mc-card">
    <div class="mc-card__head">
        <h4 class="mc-card__title">{{trans('drip.campaign.form.tab_1.form_heading')}}</h4>
    </div>
    <div class="mc-card__body">
        {{-- Drip Name --}}
        <div class="form-group mb-3">
            <label class="mc-label">{{trans('drip.campaign.form.label.followup_name')}}
                <span class="required"> * </span>
                {!! popover('drip.campaign.form.label.followup_name_description','common.description') !!}
            </label>
            <input type="text" class="form-control" name="name" value="{{isset($autoresponder->name) ? $autoresponder->name : '' }}" required />
        </div>

        {{-- Group --}}
        <div class="form-group mb-3">
            <label class="mc-label">{{trans('common.label.group')}}
                <span class="required"> * </span>
                {!! popover('drip.campaign.form.label.group_description','common.description') !!}
            </label>
            <select class="form-control m-select2" required data-placeholder="{{ trans('common.label.select_group')}}" name="autoresponder_group_id" id="autoresponder_group_id">
                @foreach($groups as $group)
                    @php
                        $sender_information = json_decode($group->meta_attributes, true);
                        $sender_information = !empty($sender_information["sender_information"]) ? $sender_information["sender_information"] : "";
                    @endphp
                    <option value="{{ $group->id }}" data-type="{{$sender_information}}" {{ (isset($autoresponder->autoresponder_group_id) && $autoresponder->autoresponder_group_id == $group->id) ? 'selected' : '' }}>{{ $group->name }}</option>
                @endforeach
            </select>
        </div>

        {{-- Status --}}
        <div class="form-group mb-3">
            <div class="mc-preheader-toggle">
                <label class="mc-label mb-0">{{trans('common.label.status')}}
                    {!! popover('drip.campaign.form.label.status_description','common.description') !!}
                </label>
                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                    <label class="mb-0">
                        <input type="checkbox" autocomplete="off" id="status" name="status"
                            @if((isset($autoresponder->is_active) && $autoresponder->is_active == 1) || $page_data['action'] == 'add') checked @endif>
                        <span></span>
                    </label>
                </span>
            </div>
        </div>

        {{-- Send to Existing --}}
        <div class="form-group mb-0">
            <div class="mc-preheader-toggle">
                <label class="mc-label mb-0">{{trans('drip.campaign.form.label.send_to_existing')}}
                    {!! popover('drip.campaign.form.label.send_to_existing_description','common.description') !!}
                </label>
                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                    <label class="mb-0">
                        <input type="checkbox" autocomplete="off" id="send_to_existing" name="send_to_existing"
                            @if(isset($autoresponder->send_to_existing) && $autoresponder->send_to_existing == 1) checked @endif>
                        <span></span>
                    </label>
                </span>
            </div>
        </div>
    </div>
</div>

{{-- Card: Interval (When to Send) --}}
<div class="mc-card">
    <div class="mc-card__head">
        <h4 class="mc-card__title">{{ trans('drip.campaign.form.tab_2.title') }}</h4>
    </div>
    <div class="mc-card__body">
        {{-- When to Send --}}
        <div class="form-group mb-3">
            <label class="mc-label">{{trans('drip.campaign.form.label.when_to_send')}}
                {!! popover('drip.campaign.form.label.when_to_send_description','common.description') !!}
            </label>
            <select class="form-control" name="perform_action_event" id="perform-action-event">
                <option value="on_event" {{ (isset($meta_data->perform_action_event) && $meta_data->perform_action_event == "on_event") ? 'selected' : '' }}>{{trans('drip.campaign.form.label.when_to_send_option.upon_triggering')}}</option>
                <option value="after" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency != null) ? 'selected' : '' }}>{{trans('drip.campaign.form.label.when_to_send_option.after_triggering')}}</option>
            </select>
        </div>

        {{-- Duration (shown conditionally) --}}
        <div class="form-group row mb-0" id="durationDB" style="display: {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency != null) ? 'flex' : 'none' }};">
            <div class="col-md-6">
                <label class="mc-label">Duration</label>
                <input class="form-control" name="perform_action_datetime_count" id="perform-action-datetime-count" value="{{isset($autoresponder->perform_action_datetime_count) ? $autoresponder->perform_action_datetime_count : '' }}" disabled type="number" />
            </div>
            <div class="col-md-6">
                <label class="mc-label">Frequency</label>
                <select class="form-control" name="perform_action_datetime_frequency" id="perform-action-datetime-frequency" disabled>
                    <option value="minutes" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "minutes") ? 'selected' : '' }}>{{trans('common.minutes')}}</option>
                    <option value="hours" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "hours") ? 'selected' : '' }}>{{trans('common.hours')}}</option>
                    <option value="days" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "days") ? 'selected' : '' }}>{{trans('common.days')}}</option>
                    <option value="weeks" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "weeks") ? 'selected' : '' }}>{{trans('common.weeks')}}</option>
                    <option value="months" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "months") ? 'selected' : '' }}>{{trans('common.months')}}</option>
                    <option value="years" {{ (isset($autoresponder->perform_action_datetime_frequency) && $autoresponder->perform_action_datetime_frequency == "years") ? 'selected' : '' }}>{{trans('common.years')}}</option>
                </select>
            </div>
        </div>
    </div>
</div>