@extends('admin.layout')
@section('content')
<style type="text/css">
     .ck.ck-content {
    min-height: 200px;
}
    .required-mark
    {
        color: red;
    }
    hr {
        margin-left: 15px;
        margin-bottom:-3px;
    }
    .hr-primary{
        border: 1px solid #3c8dbc;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }   
    .my-current
    {
        color: #00c0ef;
    }
    #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">    
  <section class="content-header">
    <h1> {{ trans('Add Review  Body') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Add Review Body') }}</li>
    </ol>
  </section>
  <section class="content"> 
    @php
        $getUserRoleData = userRoleData();
        $LeadSources        = explode(",",$getUserRoleData->LeadSources);
    @endphp

    <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="">                        
                        <div class="row">
                            @if(session()->has('message'))
                                <div class="alert alert-success alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <strong>Success!</strong>   
                                    {{ session()->get('message') }}
                                </div>
                            @endif
                            @if (count($errors) > 0)
                                <div class="alert alert-warning alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <strong>Warning!</strong>
                                  
                                       
                                       
                                            @foreach ($errors->all() as $error)
                                                {{ $error }}<br/>
                                            @endforeach
                                       
                                    </div>
                                   
                                
                            @endif
                        </div>
                         <div class="box-body">             
                            {!! Form::open(array('url' => route('review-body-store'), 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}
                                <div class="form-group">
                                    <label for="product_id" class="col-sm-2 col-md-2 control-label">{{ trans('Product') }}  <span class="required-mark">*</span></label>
                                    <div class="col-sm-10 col-md-4">                                        
                                        <select class="form-control services_provider select_default" multiple="" name="product_id" id="product_id" data-live-search="true" required="">
                                            <option value="">-- Product --</option>                                                     
                                            @if(count($result['products'])>0)
                                                @foreach($result['products'] as $key =>  $iValue)                                                            
                                                    <option value="{{$iValue->product_id}}" @if(old('product_id') == $iValue->product_id ) selected @endif >{{$iValue->product_name}} - {{$iValue->email_id}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="password" class="col-sm-2 col-md-2 control-label">{{ trans('Review Body') }}  <span class="required-mark">*</span></label>
                                    <div class="col-sm-10 col-md-9">
                                    {!! Form::textarea('reviewbody', '', array('class'=>'form-control reviewbody', 'id'=>'reviewbody', 'rows'=>'4')) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="product_id" class="col-sm-2 col-md-2 control-label">{{ trans('Status') }}  <span class="required-mark">*</span></label>
                                    <div class="col-sm-10 col-md-4">                                        
                                        <select class="form-control status "  name="status" id="status" required="">
                                            <option value="">--Status--<option>                             
                                            <option value="1" @if(old('status') == 1 ) selected @endif>Enabled</option>
                                            <option value="0" @if(old('status') == 0 ) selected @endif>Disabled</option>
                                             
                                        </select>
                                    </div>
                                </div>
                               
                              <div class="text-center">
                                <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                <a href="{{route('review-body')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                              </div>
                            {!! Form::close() !!}   
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
		</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>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
<script type="text/javascript">
    $(document).ready(function() {
    //    CKEDITOR.replace('reviewbody');
    ClassicEditor
    .create(document.querySelector('#reviewbody'))
    .catch(error => {
        console.error(error);
    });

    });
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z0-9-_\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
    });
    
    $( "#updateLeadSources" ).validate( {
            rules: {                
                product_id: {
                    required: true,                  
                    remote: {
                        url: "{{URL('admin/check-products-id-add')}}",
                        data: {
                            product_id: function () {
                                //you need to read this value when the validation is executed, so pass the value as a function which will be called
                                return $('#product_id').val();
                            }
                        },
                        type: "GET"
                    },
                },                  
                email_id: {
                    required: true,
                    email: true,                    
                    remote: {
                        url: "{{URL('admin/check-email-id-add')}}",
                        data: {
                            email_id: function () {
                                //you need to read this value when the validation is executed, so pass the value as a function which will be called
                                return $('#email_id').val();
                            }
                        },
                        type: "GET"
                    },
                },              
                password: {
                    required: true,
                },
            },
            messages: {
                product_id: {
                    required: "Please select product",
                    remote: "Selected product already exist. Please choose different product",
                },
                email_id: {
                    required: "Please enter email address",
                    email: "Please enter valid email address",
                    remote: "Email address already exist",
                },
                password: {
                    required: "Please enter password",
                },
            },
            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