@props(['first' => false, 'last' => false])

<div class="d-flex justify-content-between mt-2">
    <button type="button" class="btn btn-outline-secondary btn-prev" @if($first) disabled @endif>
        <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
        <span class="align-middle d-sm-inline-block d-none">{{ __('locale.buttons.back') }}</span>
    </button>
    <div class="d-flex flex-wrap gap-1 justify-content-end">
        <button type="button" class="btn btn-outline-primary" id="drip-save-draft">
            {{ __('locale.drip_campaigns.save_draft') }}
        </button>
        @if($last)
            <button type="button" class="btn btn-success btn-submit">
                <i data-feather="check" class="align-middle me-sm-25 me-0"></i>
                <span class="align-middle d-sm-inline-block d-none">{{ __('locale.drip_campaigns.launch') }}</span>
            </button>
        @else
            <button type="button" class="btn btn-primary btn-next">
                <span class="align-middle d-sm-inline-block d-none">{{ __('locale.buttons.next') }}</span>
                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
            </button>
        @endif
    </div>
</div>