{!! csrf_field() !!}

<div class="card content-wrap auto-height">
    <h1 class="list-heading">{{ $title }}</h1>

    <div class="setting-list">

        <div class="grid half">
            <div>
                <label class="setting-list-label">{{ trans('settings.webhooks_details') }}</label>
                <p class="small">{{ trans('settings.webhooks_details_desc') }}</p>
                <div>
                    @include('form.toggle-switch', [
                        'name' => 'active',
                        'value' => old('active') ?? $model->active ?? true,
                        'label' => trans('settings.webhooks_active'),
                    ])
                    @include('form.errors', ['name' => 'active'])
                </div>
            </div>
            <div>
                <div class="form-group">
                    <label for="name">{{ trans('settings.webhooks_name') }}</label>
                    @include('form.text', ['name' => 'name'])
                </div>
                <div class="form-group">
                    <label for="endpoint">{{ trans('settings.webhooks_endpoint') }}</label>
                    @include('form.text', ['name' => 'endpoint'])
                </div>
            </div>
        </div>

        <div component="webhook-events">
            <label class="setting-list-label">{{ trans('settings.webhooks_events') }}</label>
            @include('form.errors', ['name' => 'events'])

            <p class="small">{{ trans('settings.webhooks_events_desc') }}</p>
            <p class="text-warn small">{{ trans('settings.webhooks_events_warning') }}</p>

            <div class="toggle-switch-list">
                @include('form.custom-checkbox', [
                    'name' => 'events[]',
                    'value' => 'all',
                    'label' => trans('settings.webhooks_events_all'),
                    'checked' => old('events') ? in_array('all', old('events')) : (isset($webhook) ? $webhook->tracksEvent('all') : false),
                ])
            </div>

            <hr class="my-s">

            <div class="dual-column-content toggle-switch-list">
                @foreach(\BookStack\Actions\ActivityType::all() as $activityType)
                    <div>
                        @include('form.custom-checkbox', [
                           'name' => 'events[]',
                           'value' => $activityType,
                           'label' => $activityType,
                           'checked' => old('events') ? in_array($activityType, old('events')) : (isset($webhook) ? $webhook->tracksEvent($activityType) : false),
                       ])
                    </div>
                @endforeach
            </div>
        </div>

    </div>

    <div class="form-group text-right">
        <a href="{{ url("/settings/webhooks") }}" class="button outline">{{ trans('common.cancel') }}</a>
        @if ($webhook->id ?? false)
            <a href="{{ $webhook->getUrl('/delete') }}" class="button outline">{{ trans('settings.webhooks_delete') }}</a>
        @endif
        <button type="submit" class="button">{{ trans('settings.webhooks_save') }}</button>
    </div>

</div>