@extends('admin.layout')
    @section('content')
<div class="search-list">
    <div class="content-wrapper search-result-list">
        <section class="content-header">
            <h1> Send Mailer <small>Send Mailer...</small> </h1>
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('admin/addmailer')}}"><i class="fa fa-dashboard"></i> Send Mailer</a></li>
                <li class="active">Add Mailer</li>
            </ol>
        </section>
        <section class="content"> 
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-info">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="">
                                        @if (Session::has('message'))
                                            <div class="alert alert-success">
                                                {{ Session::get('message') }}.
                                            </div>
                                        @endif
                                        @if (Session::has('msgErr'))
                                            <div class="alert alert-danger">
                                            {{ Session::get('msgErr') }}.
                                        </div>
                                        @endif
                                        <div class="box-body">
                                            {!! Form::open(array('url' =>'admin/send-mailer-data', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'id' => 'send-mailer-data', 'enctype'=>'multipart/form-data')) !!}
                                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                <input type="hidden" id="domain_name" name="domain_name" value="">
                                                <input type="hidden" id="type_name" name="type_name" value="">
                                                <div class="form-group">
                                                    <label for="name" class="col-sm-2 col-md-3 control-label">Domain</label>
                                                    <div class="col-sm-10 col-md-4">
                                                        <select name="domain" class="form-control selectpicker" id="domain" data-live-search="true" required="">
                                                            <option value="">Choose</option>
                                                            @if(count((array) $result['getDomains'])>0)
                                                                @foreach ($result['getDomains'] as  $getDomains)
                                                                    <option value="{{$getDomains->id}}">{{$getDomains->name}} @if(!empty($getDomains->type) && $getDomains->type == "Testing"){{$getDomains->type}}@endif</option>
                                                                @endforeach 
                                                            @endif
                                                               
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="name" class="col-sm-2 col-md-3 control-label">Type</label>
                                                    <div class="col-sm-10 col-md-4">                                  
                                                        <!-- <div id="domain_type"></div> -->
                                                        <select name="type" id="type" class="form-control" required="">
                                                            <option value="">Choose</option> 
                                                        </select>
                                                        <small class="text-danger">{{ $errors->first('type') }}</small>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="from" class="col-sm-2 col-md-3 control-label">From</label>
                                                    <div class="col-sm-10 col-md-4">
                                                        {!! Form::text('from',  '', array('class'=>'form-control', 'id'=>'from','required'=>'required')) !!}
                                                        <small class="text-danger">{{ $errors->first('from') }}</small>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="name" class="col-sm-2 col-md-3 control-label">Subject</label>
                                                    <div class="col-sm-10 col-md-4">
                                                        {!! Form::text('subject',  '', array('class'=>'form-control', 'id'=>'subject','required'=>'required')) !!}
                                                        <small class="text-danger">{{ $errors->first('subject') }}</small>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="name" class="col-sm-2 col-md-3 control-label field-validate"> Description</label>
                                                    <div class="col-sm-10 col-md-8">
                                                        <textarea id="editor1" name="editor1"class="form-control" rows="5"></textarea>
                                                        <small class="text-danger">{{ $errors->first('editor1') }}</small>
                                                    </div>
                                                </div>
                                                <div class="box-footer">
                                                    <label for="name" class="col-sm-2 col-md-3 control-label field-validate"> </label>
                                                    <button type="submit" class="btn btn-primary">Send</button>                               
                                                </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    </div>
    <script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
    <script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
    <script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />   
    <script type="text/javascript">
    $(function () {

        //for multiple languages

        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        ClassicEditor
    .create(document.querySelector('#editor1'))
    .catch(error => {
        console.error(error);
    });

        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();

    });
    </script>    
    <script type="text/javascript"> 
        $("#domain").change(function(){
            var domain = $(this).find(":selected").val();
            var domainText = $(this).find(":selected").text();
            $("#domain_name").val(domainText);
           //alert(domainText);
            //return false; 

            $.ajax({
                url: "{{ URL('admin/get-domain-type') }}",
                type: "POST",
                data: '&domain_id='+domain,
                success: function (data) {
                    //console.log(data);
                    $('#type').html(data);
                },
            });
        });
         $("#type").change(function(){
            var typeText = $(this).find(":selected").text();
            $("#type_name").val(typeText);
        });

    </script> 

<script type="text/javascript">
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
    }); 
    
    // Password Check
    $.validator.addMethod("pwcheck", function(value) {
        return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
    });
    
    // Email Check
    $.validator.addMethod("email", function(value) {
        return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
    });
    
    // File Size Validation
    jQuery.validator.addMethod("filesize_max", function(value, element, param) {
        var isOptional = this.optional(element),
            file;

        if(isOptional) {
            return isOptional;
        }
        if ($(element).attr("type") === "file") {

            if (element.files && element.files.length) {

                file = element.files[0];            
                return ( file.size && file.size <= param ); 
            }
        }
        return false;
    }, "File size is too large.");
    
    jQuery.validator.addMethod("postaCode", function(value, element) {
        return this.optional(element) ||/^[A-Z]{1,2}[0-9R][0-9A-Z]? [0-9][ABD-HJLNP-UW-Z]{2}$/.test(value) || /^(\d{5}(-\d{4})?|[A-Z]\d[A-Z] ?\d[A-Z]\d)$/.test(value);
    }, "Please enter valid postal code");

    $( "#send-mailer-data" ).validate( {
            rules: {                
                domain: {
                    required: true,
                },
                type: {
                    required: true,
                },
                from: {
                    required: true,
                    email: true,
                },
                subject: {                    
                    required: true,
                },
                editor1: {                  
                    required: true,
                },
            },
            messages: {
                domain: {
                    required: "Please choose domain",
                },
                type: {
                    required: "Please choose type",
                },
                from: {                  
                    required: "Please enter from email address",
                    email: "Please enter valid email address",
                },
                editor1: {                 
                    required: "Please enter description",
                },
            },
            errorElement: "em",
            errorPlacement: function ( error, element ) {
                // Add the `help-block` class to the error element
                error.addClass( "help-block" );

                // Add `has-feedback` class to the parent div.form-group
                // in order to add icons to inputs
                element.parents( ".col-sm-5" ).addClass( "has-feedback" );

                if ( element.prop( "type" ) === "checkbox" ) {
                    error.insertAfter( element.parent( "label" ) );
                } else {
                    error.insertAfter( element );
                }

                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !element.next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
                }
            },
            success: function ( label, element ) {
                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !$( element ).next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
                }
            },
            highlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
                $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
            },
            unhighlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
                $( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
            }
        } );    
</script>
    @endsection