@extends(BaseHelper::getAdminMasterLayoutTemplate())
@section('content')

    <div class="container">
        <div class="row">
            <div class="group flexbox-annotated-section">

                <div class="col-md-12">
                    <div class="wrapper-content p-4">

                        <h5 class="mb-5">{{ $title }}</h5>

                        @if(count($success)>0)
                            <div class="alert alert-primary" role="alert">
                               {{ $success['msg'] }}
                            </div>
                            @else
                        {!! Form::open() !!}

                        <div class="form-group mb-3">
                            <label class="text-title-field">Gönderim Listesi</label>
                            <select class="js-example-basic-multiple w-100" name="to[]" multiple="multiple">
                                @foreach(\Botble\Ecommerce\Models\Customer::where('status','activated')->get() as $user)
                                <option value="{{ $type == 'mail' ? $user->email : $user->phone }}">{{ $user->name }} - {{ $type == 'mail' ? $user->email : $user->phone }}</option>
                                @endforeach
                            </select>
                        </div>
                            @if($type == 'sms')
                                <div class="form-group mb-3">
                                    <label class="text-title-field">Manuel Gönderim Listesi</label>
                                    <input class="tags" placeholder="Telefon Numaralarını yazıp virgüller ayırabilirsiniz."  name="external" type="text" value="" id="tag">
                                </div>

                                <div class="form-group mb-3">
                                <label class="text-title-field">SMS İçeriği</label>
                                <input type="text" class="next-input"
                                       name="content"  placeholder="SMS İçeriği">
                            </div>
                             @endif
                            @if($type == 'mail')
                                <div class="form-group mb-3">
                                    <label class="text-title-field">Manuel Gönderim Listesi</label>
                                    <input class="tags" placeholder="Mail Adreslerini yazıp virgüller ayırabilirsiniz."  name="external" type="text" value="" id="tag">
                                </div>

                                <div class="form-group mb-3">
                                    <label class="text-title-field">Mail Konusu</label>
                                    <input type="text" class="next-input"
                                           name="subject"  placeholder="Mail Konusu">
                                </div>
                            <div class="form-group mb-3">
                                <label class="text-title-field">Mail İçeriği</label>
                                <textarea name="content" class="form-control" id="content" >

&lt;p&gt;Merhaalar,&lt;/p&gt;<br>
&lt;p&gt;Mesaj içeriği!&lt;/p&gt;

</textarea>

                            </div>
                            @endif

                        <div class="col-12 bg-white text-end">
                            <button class="btn btn-info btn-text-trigger-update" type="submit">Gönder</button>
                        </div>

                        {!! Form::close() !!}
                             @endif


                    </div>

                </div>
            </div>

        </div>
    </div>

    <script src='https://unpkg.com/@yaireo/tagify/dist/jQuery.tagify.min.js'></script>
    <link rel='stylesheet' href='https://unpkg.com/@yaireo/tagify/dist/tagify.css'>

    <script>



        var $input = $('input[name=external]').tagify({
            whitelist : [
                {"id":1, "value":"some string"}
            ]
        })
            .on('add', function(e, tagName){
                console.log('JQEURY EVENT: ', 'added', tagName)
            })
            .on("invalid", function(e, tagName) {
                console.log('JQEURY EVENT: ',"invalid", e, ' ', tagName);
            });

        // get the Tagify instance assigned for this jQuery input object
        // so its methods could be accessed
        var jqTagify = $input.data('tagify');

        // bind the "click" event on the "remove all tags" button
        $('.tags-jquery--removeAllBtn').on('click', jqTagify.removeAllTags.bind(jqTagify))

        $(document).ready(function() {




            $.fn.select2.amd.require([
                'select2/utils',
                'select2/dropdown',
                'select2/dropdown/attachBody'
            ], function (Utils, Dropdown, AttachBody) {
                function SelectAll() { }

                SelectAll.prototype.render = function (decorated) {
                    var $rendered = decorated.call(this);
                    var self = this;

                    var $selectAll = $(
                        '<button type="button" class="btn btn-sm">Tümünü Seç</button>'
                    );

                    $rendered.find('.select2-dropdown').prepend($selectAll);

                    $selectAll.on('click', function (e) {
                        var $results = $rendered.find('.select2-results__option[aria-selected=false]');

                        // Get all results that aren't selected
                        $results.each(function () {
                            var $result = $(this);

                            // Get the data object for it
                            var data = $result.data('data');

                            // Trigger the select event
                            self.trigger('select', {
                                data: data
                            });
                        });

                        self.trigger('close');
                    });

                    return $rendered;
                };

                $(".js-example-basic-multiple").select2({
                    placeholder: "Müşteriler...",
                    dropdownAdapter: Utils.Decorate(
                        Utils.Decorate(
                            Dropdown,
                            AttachBody
                        ),
                        SelectAll
                    ),
                });
            });

        });



    </script>
    @if($type == 'mail')
    <link href="https://cdn.jsdelivr.net/npm/suneditor@latest/dist/css/suneditor.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/suneditor@latest/dist/suneditor.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/suneditor@latest/src/lang/tr.js"></script>

    <script>
        SUNEDITOR.create('content');
    </script>
    <style>
        div#suneditor_content {width: 100% !important;}
    </style>
    @endif
@endsection