{!! Form::open(array('url' =>'admin/hourly-report/save', 'method'=>'post', 'class' => 'form-horizontal',
'id'=>'addnewuser', 'enctype'=>'multipart/form-data')) !!}


<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Total Inbound Calls') }}<span
            class="red_star">*</span></label>
    <div class="col-sm-10 col-md-7">

        {!! Form::number('inbound_calls', old('inbound_calls'), array('class'=>'form-control', 'id'=>'inbound_calls',
        'required'=>'required')) !!}
    </div>
</div>

<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Total Outbound Calls') }}<span
            class="red_star">*</span></label>
    <div class="col-sm-10 col-md-7">
        {!! Form::number('outbond_calls', old('outbond_calls'), array('class'=>'form-control', 'id'=>'outbond_calls',
        'required'=>'required')) !!}

    </div>

</div>
<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Total Talk Time(minutes)') }}<span
            class="red_star">*</span></label>
    <div class="col-sm-10 col-md-7">
        {!! Form::number('talk_time', old('talk_time'), array('class'=>'form-control', 'id'=>'talk_time',
        'required'=>'required')) !!}

    </div>

</div>

<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Total Chat Answered') }}<span
            class="red_star">*</span></label>
    <div class="col-sm-10 col-md-7">
        {!! Form::number('total_chats', old('total_chats'), array('class'=>'form-control', 'id'=>'total_chats',
        'required'=>'required')) !!}

    </div>

</div>

<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Total Review Posted') }}<span
            class="red_star">*</span></label>
    <div class="col-sm-10 col-md-7">
        {!! Form::number('reviews', old('reviews'), array('class'=>'form-control', 'id'=>'reviews',
        'required'=>'required')) !!}

    </div>

</div>


<div class="form-group">
    <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('Attachment') }}</label>
    <div class="col-sm-10 col-md-7">

        <div class="col-sm-4 col-md-12">
            <input type="hidden" name="images_name" id="images_name" value="">
            <div id="dropzone" class="dropzone dz-clickable">
                <div class="dz-message">Drop files here or click to upload.</div>
            </div>
            <div class="dz-messagebottom">Drop files in the box or click on "+" to upload.</div>
        </div>
    </div>

</div>





<div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btn btn-primary">{{ trans('Send') }}</button>

    </div>
</div>
{!! Form::close() !!}

<link href="{!! asset('assets/admin/dist/css/dropzone.min.css') !!}" rel="stylesheet" />
@section('scripts')
@parent
<script src="{!! asset('assets/admin/dist/js/dropzone.min.js') !!}"></script>

<script>
     $.ajaxSetup({
        headers: {
            'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
        }
    });

    
	// Product Form Validation
	$( "#addnewuser" ).validate( {
		    ignore: [],
		
		messages: {
			'inbound_calls': {
				required: "How many inbound calls you did?"
			},
			'outbond_calls': {
				required: "How many outbound calls you did?"
			},
			'talk_time': {
				required: "How mutch time you talk with customers?"
			},
			'total_chats': {
				required: "How many chats you have answered?"
			},
			'reviews': {
				required: "How many reviews you have send?"
				
			}
		},
		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>
@stop