@extends('backend.layouts.app')

@section('title') {{ __($module_title) }} @endsection

@section('breadcrumbs')
<x-backend.breadcrumbs>
        <x-backend.breadcrumb-item type="active" icon="{{ $module_icon }}">
            {{ __($module_title) }}
        </x-backend.breadcrumb-item>
    </x-backend.breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-8">
                <h4 class="card-title mb-0">
                    <i class="{{$module_icon}}"></i> {{ __($module_title) }}
                    <small class="text-muted">{{ __($module_action) }}</small>
                </h4>
                <div class="small text-muted">
                    {{ __($module_title) }} Management
                </div>
            </div>
            <div class="col-4">
                <div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with buttons">
                    <a href="{{ route('backend.notifications.index') }}" class="btn btn-secondary btn-sm ml-1" data-toggle="tooltip" title="{{ __($module_title) }} List">
                        <i class="fas fa-list-ul"></i> List
                    </a>
                </div>
            </div>
        </div>

        <hr>

        <div class="row mt-4">
            <div class="col">
                {{ html()->form('POST', route('backend.notifications.store'))->class('form')->open() }}

                <div class="form-group row">
                    {{ html()->label('Title')->class('col-md-2 form-control-label')->for('title') }}
                    <div class="col-md-10">
                        {{ html()->text('title')
                            ->class('form-control')
                            ->placeholder('Notification Title')
                            ->required() }}
                    </div>
                </div>

                <div class="form-group row">
                    {{ html()->label('Description')->class('col-md-2 form-control-label')->for('description') }}
                    <div class="col-md-10">
                        {{ html()->textarea('description')
                            ->id('description')
                            ->class('form-control')
                            ->placeholder('Notification Description')
                            ->required() }}
                    </div>
                </div>

                <div class="row">
                    <div class="col-6">
                        <div class="form-group">
                            {{ html()->button($text = "Create Notification", $type = 'submit')->class('btn btn-success') }}
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="float-right">
                            <div class="form-group">
                                <a href="{{ route('backend.notifications.index') }}" class="btn btn-warning" data-toggle="tooltip" title="Cancel">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                {{ html()->form()->close() }}
            </div>
        </div>
    </div>
</div>
@endsection
@push('after-scripts')
<script type="text/javascript">
    $(document).ready(function() {
        if (typeof CKEDITOR !== 'undefined') {
            CKEDITOR.replace('description', {
                toolbar: [
                    ['Bold', 'Italic', 'Underline', 'Strike', 'TextColor', 'BGColor'],
                    ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent'],
                    ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
                    ['Link', 'Unlink'],
                    ['RemoveFormat', 'Source']
                ],
                height: 250
            });
        } else {
            console.error('CKEditor not loaded');
        }
    });
</script>
@endpush