@extends('admin.layout')

@section('extra_head')

@endsection

@section('content')
    <!-- Page Heading -->
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">
                Mailing <small>Liczba adresów w bazie: {{ $recipient->count() }}</small>
            </h1>
        </div>
    </div>
    <!-- /.row -->

    <form method="POST" class="mailing" id="mailing" action="{!! route('admin::mailing.store') !!}" accept-charset="UTF-8">
        <div id="wysihtml5-toolbar" style="display: none;">
            <a data-wysihtml5-command="bold">bold</a>
            <a data-wysihtml5-command="italic">italic</a>

            <!-- Some wysihtml5 commands require extra parameters -->
            <a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="red">red</a>
            <a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="green">green</a>
            <a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="blue">blue</a>

            <!-- Some wysihtml5 commands like 'createLink' require extra paramaters specified by the user (eg. href) -->
            <a data-wysihtml5-command="createLink">insert link</a>
            <div data-wysihtml5-dialog="createLink" style="display: none;">
                <label>
                    Link:
                    <input data-wysihtml5-dialog-field="href" value="http://" class="text">
                </label>
                <a data-wysihtml5-dialog-action="save">OK</a> <a data-wysihtml5-dialog-action="cancel">Cancel</a>
            </div>
        </div>
        @include('parts.errors')

        {!! csrf_field() !!}
        <fieldset>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label>E-mail nadawcy: <span>*</span></label>
                        <input class="form-control" id="sender_email" name="sender_email" value="przegrody@przegrody.pl" required="" type="email">
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label>Nazwa nadawcy: <span>*</span></label>
                        <input class="form-control" id="sender_name" name="sender_name" value="przegrody.pl" required="" type="text">
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                        <label>Tytuł: <span>*</span></label>
                        <input class="form-control" id="title" name="title" value="" required="" type="text">
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                        <label>Treść wiadomości: <span>*</span></label>
                        <textarea class="form-control content" id="wysihtml5-textarea" name="text"></textarea>
                    </div>
                </div>
            </div>
        </fieldset>

        <div class="row">
            <div class="col-lg-12">
                <button type="submit" class="btn btn-primary">
                    Wyślij <i class="fa fa-fw fa-envelope"></i>
                </button>
            </div>
        </div>
        <br/>
        <div class="row">
            <div class="col-lg-12">
                <button type="button" class="btn btn-default select-all">
                    Zaznacz wszystkich odbiorców <i class="glyphicon glyphicon-list-alt"></i>
                </button>
            </div>
        </div>
        <br/><br/>
        <div class="table-responsive">
            <table class="table table-striped table-bordered small-table">
                <thead>
                <tr>
                    <th>Nazwa</th>
                    <th>Email</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($recipient as $r)
                    <tr>
                        <td>{{ $r->title }}</td>
                        <td>{{ $r->email }}</td>
                        <td>
                            <input class="mailing-checkbox" name="emails[]" value="{{ $r->email }}" type="checkbox">
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </form>

@endsection

@section('extra_scripts')
    <script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/4.2.8/tinymce.min.js"></script>
    <script type="text/javascript">
        tinymce.init({
            selector: "textarea",
            plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table contextmenu paste"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.select-all').on('click', function() {
                $('.mailing-checkbox').prop('checked', 'checked');
            })
        });
    </script>
@endsection