@php
    $tz = old('timezone', $dripCampaign->timezone ?: config('app.timezone'));
    $startDate = old('start_date', $dripCampaign->start_at?->timezone($tz)->format('Y-m-d'));
    $startTime = old('start_time', $dripCampaign->start_at?->timezone($tz)->format('H:i'));
    $endDate = old('end_date', $dripCampaign->end_at?->timezone($tz)->format('Y-m-d'));
    $endTime = old('end_time', $dripCampaign->end_at?->timezone($tz)->format('H:i'));
@endphp
<form id="drip-setup-form">
    <div class="mb-1">
        <label class="form-label required" for="campaign_name">{{ __('locale.labels.name') }}</label>
        <input type="text" class="form-control" id="campaign_name" name="campaign_name"
               value="{{ old('campaign_name', $dripCampaign->campaign_name) }}" required>
    </div>
    <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', $dripCampaign->description) }}</textarea>
    </div>

    @include('customer.DripCampaigns._step_originator')

    <div class="row">
        <div class="col-md-6 mb-1">
            <label class="form-label required" for="timezone">{{ __('locale.labels.timezone') }}</label>
            <select class="form-select select2" id="timezone" name="timezone">
                @foreach($timezones as $tzOption)
                    <option value="{{ $tzOption }}" @selected($tz === $tzOption)>{{ $tzOption }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6 mb-1">
            <label class="form-label" for="sms_type">{{ __('locale.labels.sms_type') }}</label>
            <select class="form-select" id="sms_type" name="sms_type">
                @foreach(['plain', 'unicode', 'voice', 'mms', 'whatsapp', 'viber', 'otp'] as $type)
                    <option value="{{ $type }}" @selected(old('sms_type', $dripCampaign->sms_type) === $type)>{{ __('locale.labels.'.$type) }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 mb-1">
            <label class="form-label" for="trigger_type">{{ __('locale.drip_campaigns.trigger') }}</label>
            <select class="form-select" id="trigger_type" name="trigger_type">
                <option value="group_join" @selected(old('trigger_type', $dripCampaign->trigger_type) === 'group_join')>{{ __('locale.drip_campaigns.trigger_group_join') }}</option>
                <option value="manual" @selected(old('trigger_type', $dripCampaign->trigger_type) === 'manual')>{{ __('locale.drip_campaigns.trigger_manual') }}</option>
                <option value="api" @selected(old('trigger_type', $dripCampaign->trigger_type) === 'api')>{{ __('locale.drip_campaigns.trigger_api') }}</option>
            </select>
        </div>
        <div class="col-md-4 mb-1">
            <label class="form-label" for="allowed_window_behavior">{{ __('locale.sending_servers.allowed_sending_window') }}</label>
            <select class="form-select" id="allowed_window_behavior" name="allowed_window_behavior">
                <option value="defer" @selected(old('allowed_window_behavior', $dripCampaign->allowed_window_behavior) === 'defer')>{{ __('locale.drip_campaigns.window_defer') }}</option>
                <option value="skip" @selected(old('allowed_window_behavior', $dripCampaign->allowed_window_behavior) === 'skip')>{{ __('locale.drip_campaigns.window_skip') }}</option>
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 mb-1">
            <label class="form-label" for="start_date">{{ __('locale.drip_campaigns.start_date') }}</label>
            <input type="text" id="start_date" name="start_date" class="form-control schedule_date text-start"
                   placeholder="YYYY-MM-DD" value="{{ $startDate }}"/>
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label" for="start_time">{{ __('locale.labels.time') }}</label>
            <input type="text" id="start_time" name="start_time" class="form-control flatpickr-time text-start"
                   placeholder="HH:MM" value="{{ $startTime }}"/>
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label" for="end_date">{{ __('locale.drip_campaigns.end_date') }}</label>
            <input type="text" id="end_date" name="end_date" class="form-control schedule_date text-start"
                   placeholder="YYYY-MM-DD" value="{{ $endDate }}"/>
        </div>
        <div class="col-md-3 mb-1">
            <label class="form-label" for="end_time">{{ __('locale.labels.time') }}</label>
            <input type="text" id="end_time" name="end_time" class="form-control flatpickr-time text-start"
                   placeholder="HH:MM" value="{{ $endTime }}"/>
        </div>
    </div>
</form>