@extends('layouts/gnr_layout')
@section('title', '| New Attendence Setting')
@section('content')
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
</style>
	<div class="row add-data-form">
		<div class="col-md-12">
            <div class="col-md-8 col-md-offset-2 fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ route('attendenceSettings.index') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	Attendence Setting List
                    </a>
                </div>
                 <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">New Attendence Setting</div>
                    </div>
                    <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
                        		{!! Form::open(array('url' => '', 'id' => 'edit_form', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                                <div class="alert alert-warning " role="alert">
                                    <strong>Message!</strong> Maximum accepted distance(meter) from branch area for attendance count.
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="form-group">
                                    {!! Form::label('accepted_distance', 'Accepted Distance:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-8">
                                      <input type="number" value="{{$attendence_setting->accepted_distance}}" name="accepted_distance" class="form-control" placeholder="Enter Accepted Distance" onkeydown="return event.keyCode !== 69">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        {!! Form::submit('Update', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ route('attendenceSettings.index') }}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
@endsection
<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">

    $(document).ready(function() {

        $('#edit_form').submit(function(event) {

            event.preventDefault();
            $("#submit").prop('disabled', true);

            $.ajax({
                type: 'POST',
                url: "{{route('attendenceSettings.update',$attendence_setting->id)}}",
                data: $('form').serialize(),
                dataType: 'json',
                success: function(data) {

                    var opts = toster();
                    if(data.status == false) {
                        toastr.error(data.title, null, opts);
                        $("#submit").prop('disabled', false);
                    }

                    if(data.errors) {
                        if(data.errors['accepted_distance'])
                            toastr.error(data.errors.accepted_distance, null, opts);

                        $("#submit").prop('disabled', false);
                    }

                    if(data.status == true) {
                        toastr.success(data.title, null, opts);
                        setTimeout(function(){
						    window.location.href = "{{ Route('attendenceSettings.index') }}";
					    }, 1000);
                    } 
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });
    });

    function toster() {
        var opts = {
                "closeButton": true,
                "debug": false,
                "positionClass": "toast-top-right",
                "onclick": null,
                "showDuration": "300",
                "hideDuration": "1000",
                "timeOut": "5000",
                "extendedTimeOut": "1000",
                "showEasing": "swing",
                "hideEasing": "linear",
                "showMethod": "fadeIn",
                "hideMethod": "fadeOut"
            };

        return opts;
    }
</script>