@extends('layouts.admin')


@section('style')
    <link rel="stylesheet" href="{{ mix('css/admin-maint-style.css') }}">
    <style>
        .required {
            color: #dd4b39;
        }
    </style>
@endSection

@section('script')
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ mix('js/admin/admin-maint.js') }}"></script>
    <script>
        $(function() {
            var el_subject = $('input[name="subject"]');
            var div_subject = el_subject.parents('.form-group');
            var el_content = $('textarea[name="content"]');

            $('select[name="type"]').on('change', function() {
                var is_sms = $(this).val() === 'sms';
                if (is_sms) {
                    el_subject.val('')
                    div_subject.hide();

                    if (CKEDITOR && CKEDITOR.instances[el_content.attr('name')]) {
                        try {
                            CKEDITOR.instances[el_content.attr('name')].destroy();
                        } catch(e){
                            console.log(e);
                            window.makeToast('bg-danger','Error loading page. Please refresh the page.');
                        }
                    }
                    return;
                }
                // email
                div_subject.show();

                if (!el_content.attr('id')) {
                    el_content.attr('id', el_content.attr('name'));
                }
                if (CKEDITOR) {
                    CKEDITOR.replace(el_content.attr('id'));
                    CKEDITOR.config.allowedContent = true;
                }
            }).trigger('change');

            $('form').on('submit', function(){
                $('input,select,textarea').removeAttr('disabled');
            });
        });
    </script>
@endSection

@section('content')
    <!-- Content Header (Page header) -->
    @php
       $page_title = $template?
         __('admin_dashboard.titleEditNotificationTemplate').  ' <small>'. $template->slug.'</small>' :
         __('admin_dashboard.titleCreateNotificationTemplate');
       $parent = 'admin.notification.template.list';
    @endphp

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                <form class="form-horizontal" action="{{ $post_url }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                    @csrf

                    <div class="card card-primary card-outline shadow">
                        <div class="card-header">
                            <h3 class="card-title">Details</h3>
                        </div>
                        <!-- /.card-header -->

                        <div class="card-body">
                            <!-- text input -->
                            <div class="form-group row {{ $errors->has('type') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Type
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <select class="form-control select2" name="type" {{ $template ? 'disabled' : '' }}>
                                        @foreach($types as $type => $label)
                                            <option value="{{ $type }}"
                                                {{ ($type === ($template->type ?? $old['type'])) ? 'selected' : '' }}
                                            >{{ $label }}</option>
                                        @endforeach
                                    </select>

                                    @if ($errors->has('type'))
                                        <small class="help-block">{{ $errors->first('type') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('language') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Language
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <select class="form-control select2" name="language" {{ $template ? 'disabled' : '' }}>
                                        @foreach($locales as $locale)
                                            <option value="{{ $locale }}"
                                                {{ ($locale === ($template->language ?? $old['language'])) ? 'selected' : '' }}
                                            >{{ $locale }}</option>
                                        @endforeach
                                    </select>

                                    @if ($errors->has('language'))
                                        <small class="help-block">{{ $errors->first('language') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('subject') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Subject
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <input name="subject" type="text" class="form-control" value="{{ old('subject') ?? $template->subject }}">

                                    @if($errors->has('subject'))
                                        <small class="help-block">{{ $errors->first('subject') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('content') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Content
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <textarea name="content" id="content" class="form-control">{{ old('content') ?? $template->content }}</textarea>

                                    @if($errors->has('content'))
                                        <small class="help-block">{{ $errors->first('content') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('status') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Status
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <select class="form-control select2" name="status">
                                        @foreach($statuses as $status => $label)
                                            <option value="{{ $status }}"
                                                {{ ($status === ($template->status ?? $old['status'])) ? 'selected' : '' }}
                                            >{{ $label }}</option>
                                        @endforeach
                                    </select>

                                    @if ($errors->has('status'))
                                        <small class="help-block">{{ $errors->first('status') }}</small>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->


                        <div class="card-footer">
                            {{--<button class="btn btn-default">Reset</button>--}}
                            @if(isset($template))
                                <button type="submit" class="btn btn-info float-right ml-1">{{ __('admin_setting.btnSave') }}</button>
                                {{-- note: do not simply change the name of button, it will post the data for reference--}}
                            @else
                                <button type="submit" class="btn btn-info float-right">{{ __('admin_setting.btnSubmit') }}</button>
                            @endif
                        </div>
                    </div>
                </form>
            </div>

        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection