@stack('bulk_action_row_input_start')

<div class="align-items-center d-none" v-if="bulk_action.show" v-bind:class="[bulk_action.show ? 'show' : '']">
    <div class="mr-6">
        <span class="text-white d-none d-sm-block">
            <b v-text="bulk_action.count"></b>
                <span v-if="bulk_action.count === 1">
                    {{ strtolower(trans_choice($text, 1)) }}
                </span>
                <span  v-else-if="bulk_action.count > 1">
                    {{ strtolower(trans_choice($text, 2)) }}
                </span>
             {{ trans('bulk_actions.selected') }}
        </span>
    </div>

    <div class="w-25 mr-4" v-if="bulk_action.count">
        <div class="form-group mb-0">
            <select class="form-control form-control-sm" v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : 'bulk_action.value' }}" @change="onChange">
                <option value="*">{{ trans_choice('bulk_actions.bulk_actions',2) }}</option>
                @foreach($actions as $key => $action)
                    <option
                        value="{{ $key }}"
                        @if(!empty($action['message']))
                        data-message="{{ trans_choice($action['message'], 2, ['type' => $text]) }}"
                        @endif
                    >{{ trans($action['name']) }}</option>
                @endforeach
            </select>

            <input type="hidden" name="bulk_action_path" value="{{ $path }}" />
        </div>
    </div>

    <div class="mr-4" v-if="bulk_action.count">
        <button type="button" class="btn btn-sm btn-outline-confirm" v-if="bulk_action.message.length" @click="bulk_action.modal=true">
            <span>{{ trans('general.confirm') }}</span>
        </button>
        <button type="button" class="btn btn-sm btn-outline-confirm " v-if="!bulk_action.message.length" @click="onAction">
            <span>{{ trans('general.confirm') }}</span>
        </button>
    </div>

    <div class="mr-4" v-if="bulk_action.count">
        <button type="button" class="btn btn-outline-clear btn-sm" @click="onClear">
            <span>{{ trans('general.clear') }}</span>
        </button>
    </div>
</div>

<akaunting-modal
    :show="bulk_action.modal"
    :title="'{{ trans_choice('general.items', 2) }}'"
    :message="bulk_action.message"
    @cancel="onCancel"
    v-if='bulk_action.message && bulk_action.modal'>
    <template #card-footer>
        <div class="float-right">
            <button type="button" class="btn btn-outline-secondary" @click="onCancel">
                <span>{{ trans('general.cancel') }}</span>
            </button>

            <button :disabled="bulk_action.loading" type="button" class="btn btn-success button-submit" @click="onAction">
                <div class="aka-loader d-none"></div>
                <span>{{ trans('general.confirm') }}</span>
            </button>
        </div>
    </template>
</akaunting-modal>

@stack('bulk_action_row_input_end')