@extends('layouts.default')
@section('styles')
    <link href="{{ asset('public/chosenmultiselect/docsupport/prism.css') }}" rel="stylesheet">
    <link href="{{ asset('public/chosenmultiselect/chosen.css') }}" rel="stylesheet">
    <style type="text/css" media="screen">
        .chosen-container-multi .chosen-choices{
            width: 100% !important;
            padding: 2.5px !important;
            box-shadow: none !important;
            border: 1px solid #e2e2e2 !important;
            background-image: none !important;
        }

        .chosen-container .chosen-drop{
            width: 100% !important;
        }

        .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
            padding-left: 25px !important;
            font-size: 85% !important;
        }
    </style>
@stop
@section('content')
<div class="small-header transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <h2 class="font-light m-b-xs">
               Mail to members
            </h2>
        </div>
        @include('layouts.flash')
    </div>
</div>

<div class="content animate-panel">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" style="">
            <div class="hpanel">
                <div class="panel-heading sub-title">
                    Send Mail to members
                </div>
                <div class="panel-body">
                    {!!   Form::open(array('role' => 'form', 'url' => 'send-mail-to-members', 'files'=> true, 'class' => 'form-horizontal')) !!}

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="status-id">Sending Type : <span class="text-danger">*</span> </label>
                        <div class="col-md-6">
                            {!!  Form::select('sending_type',['1'=>'Mail','2'=>'SMS'], \Illuminate\Support\Facades\Input::old('sending_type'), array('class' => 'form-control' , 'id' => 'sending_type'))!!}
                        </div>
                    </div>

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="status-id"> Members : <span class="text-danger">*</span> </label>
                        <div class="col-md-6">
                            {!!  Form::select('members[]', $members, \Illuminate\Support\Facades\Input::old('members'), array('class' => 'form-control chosen-select' ,'multiple', 'tabindex'=>4, 'id' => 'members'))!!}
                        </div>
                    </div>

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="info">Subject : <span class="text-danger">*</span> </label>
                        <div class="col-md-6">
                            {!!  Form::textarea('subject', old('subject'), array('id'=> 'sub', 'rows' => '1', 'class' => 'form-control')) !!}
                        </div>
                    </div>

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="info">Message : <span class="text-danger">*</span> </label>
                        <div class="col-md-12">
                            {!! Form::textarea('message', \Illuminate\Support\Facades\Input::old('message'), array('id'=> 'message', 'rows' => '3', 'class' => 'form-control fullEditor')) !!}
                        </div>
                    </div>

                    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="info">SMS :  </label>
                        <div class="col-md-6">
                            {!! Form::textarea('sms', \Illuminate\Support\Facades\Input::old('sms'), array('id'=> 'message', 'rows' => '3', 'class' => 'form-control has-char-counter','placeholder'=>'SMS','maxlength'=>"160")) !!}
                             <p class="msLen"><button type="button" class="btn" id="sms-remaining">160</button> characters remaining</p>

                        </div>
                    </div>


                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-8 col-sm-offset-2">
                            <button type="submit" class="btn btn-primary">Send</button>
                        </div>
                    </div>
                    {!!   Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

@stop
@section('js')

    <script src="{{ asset('public/chosenmultiselect/chosen.jquery.js') }}"></script>
    <script src="{{ asset('public/chosenmultiselect/docsupport/prism.js') }}"></script>
    <script src="{{ asset('public/chosenmultiselect/docsupport/init.js') }}"></script>
    <script src="{!! asset('public/js/tinymce/tinymce.min.js') !!}"></script>
    <script>
        tinymce.init({
            selector: 'textarea.fullEditor',
            height: 150,
            theme: 'modern',
            plugins: [
                "link image code fullscreen imageupload",
                'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code fullscreen',
                'insertdatetime media nonbreaking save table contextmenu directionality',
                'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
            ],
            toolbar1: "undo redo | bold italic | bullist numlist outdent indent | link image | imageupload | code | fullscreen |alignleft aligncenter alignright alignjustify | styleselect | insert",
            toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
            relative_urls: false
        });


    </script>


@stop