@extends('layouts/microfin_layout')
@section('title', '| Add Samity Field Officer Change')
@section('content')
    <style type="text/css">
        form label {
            font-size: 11px !important;
        }
        .form-control {
            font-size: 11px !important;
            padding: 5px !important;
        }
    </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="{{ url('viewSamityFieldOfficerChange/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Samity Field Officer Change List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Samity Field Officer Change</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                                    @if (Auth::user()->branchId == 1)
                                        <div class="form-group">
                                            {!! Form::label('branch name', 'Branch Name:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-6">
                                                <select name="branchId" id="branchId" class="form-control">
                                                    <option value="">select</option>
                                                    @foreach ($damageData['branchInfos'] as $infos)
                                                        <option value="{{$infos->id}}">{{ str_pad($infos->branchCode,3,0,STR_PAD_LEFT) }}-{{ $infos->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif

                                    @if (Auth::user()->branchId == 1)
                                        <div class="form-group">
                                            {!! Form::label('Current field officer', 'Current field officer:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-6">
                                                <select name="fieldOfficerId" id="fieldOfficerId" class="form-control" required="required">
                                                    <option value="">select</option>
                                                </select>
                                            </div>
                                        </div>
                                    @else 
                                        <input type="hidden" name="branchId" id="branchId" value="{{Auth::user()->branchId}}">
                                        <div class="form-group">
                                            {!! Form::label('Current field officer', 'Current Field Officer:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-6">
                                                {!! Form::select('fieldOfficerId', ($damageData['curentfieldOfficerInfo']), null, array('class'=>'form-control', 'id' => 'fieldOfficerId', 'required'=> 'required')) !!}
                                            </div>
                                        </div>
                                    @endif

                                    <div class="form-group">
                                        {!! Form::label('Samity List', 'Samity List:', ['class' => 'col-sm-2 control-label']) !!}
                                        <div class="col-sm-6" id="SamityList">
                                        </div>
                                    </div>

                                    @if (Auth::user()->branchId == 1)
                                        <div class="form-group">
                                            {!! Form::label('new field officer', 'New Field Officer:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-6">
                                                <select name="newFieldOfficerId" id="newFieldOfficerId" class="form-control">
                                                    <option value="">select</option>
                                                </select>
                                            </div>
                                        </div>
                                    @else 
                                        <input type="hidden" name="branchId" id="branchId" value="{{Auth::user()->branchId}}">
                                        <div class="form-group">
                                            {!! Form::label('new field officer', 'New Field Officer:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-6">
                                                {!! Form::select('newFieldOfficerId', ($damageData['newOfficerInfo']), null, array('class'=>'form-control', 'id' => 'newFieldOfficerId')) !!}
                                            </div>
                                        </div>
                                    @endif
                                    
                                    <div class="form-group">
                                        {!! Form::label('effective date', 'Effective Date:', ['class' => 'col-sm-2 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('effectiveDate', $value = $damageData['softwareDate'], ['class' => 'form-control', 'id' => 'effectiveDate', 'type' => 'text', 'readonly' => 'readonly']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-10 col-sm-offset-2">
                                            {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                            <a href="{{ url('viewSamityFieldOfficerChange/') }}" 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>
    $(document).ready(function(){
        var member;
        var SSname;
        $(document).on('change','#branchId',function(){
            var branchId=$(this).val();
            console.log('Inside');
            console.log(branchId);

            $("#SamityList").empty();

            var dropdown = $('#fieldOfficerId');
            dropdown.empty();

            var dropdownNew = $('#newFieldOfficerId');
            dropdownNew.empty();

            var divt= $(this).parent();
            var op =' ';
            var opp =' ';

            $.ajax({
            type:'get',
            url:'{!! URL::to('getfieldOfficerByBranch/') !!}',
            data:{'id':branchId},
            success:function(data){
                
                var a = 0;
                console.log(data['curentfieldOfficerInfo'].length);
                
                
                if (data['curentfieldOfficerInfo'].length > 0 || data['newOfficerInfo'].length > 0) {
                    for (var i = 0; i < data['curentfieldOfficerInfo'].length; i++) {

                        if (a == 0) {
                            op+='<option value="" style="color: black;">select</option>';
                            ++a;
                        }
                        op+='<option value="'+data['curentfieldOfficerInfo'][i].id+'" style="color: black;">'+data['curentfieldOfficerInfo'][i].nameWithCode+'</option>';
                    }

                    for (var i = 0; i < data['newOfficerInfo'].length; i++) {

                        if (a == 0) {
                            opp+='<option value="" style="color: black;">select</option>';
                            ++a;
                        }
                        opp+='<option value="'+data['newOfficerInfo'][i].id+'" style="color: black;">'+data['newOfficerInfo'][i].nameWithCode+'</option>';
                    }
                }
                else {
                    op+='<option value="" disabled style="color: black;">NO DATA FOUND !</option>';
                    opp+='<option value="" disabled style="color: black;">NO DATA FOUND !</option>';
                }

                divt.find('#fieldOfficerId').html(' ');
                $('#fieldOfficerId').append(op);

                divt.find('#newFieldOfficerId').html(' ');
                $('#newFieldOfficerId').append(opp);
            },
            error:function(){
                alert('Something is wrong....!');
            }
            });
        });

        // END OF SCRIPT

    });

</script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy'
        });

        $(document).on('change', '#fieldOfficerId', function() {
            $("#SamityList").empty();

            var newFieldOfficer = 0;
            var oldFieldOfficer = 0;

            $.ajax({
                type: 'post',
                url: './reqCurSamity',
                data: {
                    'id': $('#fieldOfficerId').val(),
                    'branchId': $('#branchId').val()
                },
                dataType: 'json',
                success: function(_response) {
                    if(_response.errors) {
                        if(_response.errors['name'])
                            toastr.warning(_response.errors.name, null, opts);
                    } else {
                        console.log("Info : " +_response.samityInfo.length);
                        console.log("Info : " +_response.currentlyAssignedSamity.length);
                        for (var i = 0; i < _response.samityInfo.length; i++) {
                            // console.log("Info : " +_response.length);
                            
                            for (var j = 0; j < _response.currentlyAssignedSamity.length; j++) {
                                if (_response.samityInfo[i].id == _response.currentlyAssignedSamity[j].id) {
                                    $('#SamityList').append('<input type="checkbox" id="SamityList" name="SamityList[]" disabled value="'+_response.samityInfo[i].id+'"> '+_response.samityInfo[i].nameWithCode+'<br>');
                                    newFieldOfficer = 1; 
                                }
                            }
                            if (newFieldOfficer == 0) {
                                $('#SamityList').append('<input type="checkbox" id="SamityList" name="SamityList[]" value="'+_response.samityInfo[i].id+'"> '+_response.samityInfo[i].nameWithCode+'<br>');
                            }
                            newFieldOfficer = 0;
                        }
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });

        
        $('form').submit(function(event){
            event.preventDefault();

            $.ajax({
                type: 'post',
                url: './addSamityFieldOfficerChangeItem',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    console.log(_response);
                    
                    // if(_response.errors) {
                    //     if(_response.errors['samityId'])
                    //         toastr.warning(_response.errors.samityId, null, opts);
                    //     if(_response.errors['newFieldOfficerId'])
                    //         toastr.warning(_response.errors.newFieldOfficerId, null, opts);
                    //     if(_response.errors['effectiveDate'])
                    //         toastr.warning(_response.errors.effectiveDate, null, opts);
                    // } else {
                    //     $("#submit").prop("disabled", true);
                    //     $('#samityId').val('');
                    //     $('#fieldOfficerId').append('<option value="" selected="selected">Select</option>');
                    //     $('#newFieldOfficerId').val('');
                    //     $('#effectiveDate').val('');
                        
                    //     toastr.success(_response.responseText, _response.responseTitle, opts);

                    //     setTimeout(function(){
                    //         window.location.href = '{{ url('viewSamityFieldOfficerChange/') }}';
                    //     }, 3000);
                    // }

                    if (_response.responseTitle == "Error!") {
                        toastr.warning(_response.responseText);
                    }
                    else {
                        toastr.success(_response.responseText);

                        setTimeout(function(){
                            window.location.href = '{{ url('viewSamityFieldOfficerChange/') }}';
                        }, 3000);
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });
    });
</script>