@extends('layouts.app')
@section('title', __('master::lang.notification_templates'))

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

<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
        {{ __('master::lang.notification_templates') }}
    </h1>
</section>

<section class="content">
    {!! Form::open([
        'url' => action([\Modules\Master\Http\Controllers\MasterNotificationsController::class, 'postNotificationTemplates']),
        'method' => 'post'
    ]) !!}

    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            @foreach($templates as $key => $value)
                <li @if($loop->first) class="active" @endif>
                    <a href="#tab_{{$key}}" data-toggle="tab" aria-expanded="{{ $loop->first ? 'true' : 'false' }}">
                        {{ $value['name'] }}
                    </a>
                </li>
            @endforeach
        </ul>

        <div class="tab-content">
            @foreach($templates as $key => $value)
                <div class="tab-pane @if($loop->first) active @endif" id="tab_{{$key}}">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            @if(!empty($value['extra_tags']))
                                <strong>العلامات المتاحة:</strong>
                                <div class="d-flex flex-wrap gap-2 mt-2">
                                    @foreach($value['extra_tags'] as $tagsGroup)
                                        @foreach($tagsGroup as $tag)
                                            <span style="font-size:0.9rem; color:#555; cursor: default;">{{ $tag }}</span>
                                        @endforeach
                                    @endforeach
                                </div>
                            @endif
                        </div>

                        <div class="col-md-12 mt-10">
                            <div class="form-group">
                                {!! Form::label($key.'_subject', __('master::lang.subject').':') !!}
                                {!! Form::text("template_data[$key][subject]",
                                    old("template_data.$key.subject", $notification?->subject ?? ''),
                                    [
                                        'class' => 'form-control',
                                        'placeholder' => __('master::lang.subject'),
                                        'id' => $key . '_subject'
                                    ]
                                ) !!}
                            </div>
                        </div>

                        <div class="col-md-12 mt-10">
                            <div class="form-group">
                                {!! Form::label($key.'_sms_body', __('master::lang.sms_body').':') !!}
                                {!! Form::textarea("template_data[$key][sms_body]",
                                    old("template_data.$key.sms_body", $notification?->sms_body ?? ''),
                                    [
                                        'class' => 'form-control ckeditor',
                                        'rows' => 6,
                                        'placeholder' => __('master::lang.sms_body'),
                                        'id' => $key . '_sms_body'
                                    ]
                                ) !!}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 text-center mt-4">
            <button type="submit" class="tw-dw-btn tw-dw-btn-error tw-dw-btn-lg tw-text-white">
                @lang('messages.save')
            </button>
        </div>
    </div>

    {!! Form::close() !!}
</section>
@stop

@section('javascript')
<script type="text/javascript">
    $('textarea.ckeditor').each(function() {
        var editor_id = $(this).attr('id');
        tinymce.init({
            selector: 'textarea#' + editor_id,
            height: 300,
        });
    });
</script>
@endsection