@extends('layouts.app')

@section('title', __('integrationhub::lang.add') . ' — ' . __('integrationhub::lang.webhooks'))

@section('content')
@include('integrationhub::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-plus" style="color:#8b5cf6;margin-left:8px;"></i> @lang('integrationhub::lang.add') @lang('integrationhub::lang.webhooks')</h1>
        <a href="{{ action([\Modules\IntegrationHub\Http\Controllers\WebhookController::class, 'index']) }}" class="btn btn-default">
            <i class="fa fa-arrow-right"></i> @lang('integrationhub::lang.cancel')
        </a>
    </div>

    <div class="mt-card">
        <div class="mt-card-body">
            {!! Form::open(['url' => action([\Modules\IntegrationHub\Http\Controllers\WebhookController::class, 'store']), 'method' => 'post']) !!}
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('name', __('integrationhub::lang.name') . ':') !!}
                        {!! Form::text('name', null, ['class' => 'form-control', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('url', __('integrationhub::lang.url') . ':') !!}
                        {!! Form::url('url', null, ['class' => 'form-control', 'required', 'placeholder' => 'https://']) !!}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('secret', __('integrationhub::lang.secret') . ':') !!}
                        {!! Form::text('secret', null, ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>&nbsp;</label>
                        <div class="checkbox">
                            <label>{!! Form::checkbox('is_active', 1, true, ['class' => 'input-icheck']) !!} @lang('integrationhub::lang.is_active')</label>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('events', __('integrationhub::lang.events') . ':') !!}
                        {!! Form::select('events[]', $events, array_keys($events), ['class' => 'form-control select2', 'multiple' => true, 'style' => 'width:100%']) !!}
                        <p class="help-block">@lang('integrationhub::lang.events_help')</p>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> @lang('integrationhub::lang.save')</button>
            {!! Form::close() !!}
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script>$(function(){ $('.select2').select2(); });</script>
@endsection