@extends('layouts/microfin_layout')
@section('title', '| Add Weekly Savings Account')
@section('content')

{{-- <script type="text/javascript">
	$("#loadingModal").show();
</script> --}}

@php
	use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
	$userBranchId = Auth::user()->branchId;
@endphp

<div class="row add-data-form">
	<div class="col-md-12">
        <div class="col-md-10 col-md-offset-1 fullbody">
        	<div class="viewTitle" style="border-bottom:1px solid white;">
                <a href="{{ url('/viewMfnSavingsAccountList') }}" class="btn btn-info pull-right addViewBtn">
                	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                	Savings Account List
                </a>
            </div>

            <div class="panel panel-default panel-border">
            	<div class="panel-heading">
                    <div class="panel-title">New Weekly Savings Account</div>
                </div>

                <div class="panel-body">
                	<div class="row">
						
						{!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups', 'novalidate' => '')) !!}							
							
							<div class="tab-content no-margin">
								<div class="tab-pane with-bg active" id="fwv-1">
									<div class="panel panel-default" style="padding:0!important;">										
										<div class="panel-body" style="padding:5px 10px;">
											<div class="row">

												{!! Form::hidden('memberId',null,['id'=>'memberId']) !!}
												{!! Form::hidden('branchId',null,['id'=>'branchId']) !!}
												{!! Form::hidden('samityId',null,['id'=>'samityId']) !!}
												{!! Form::hidden('workingAreaId',null,['id'=>'workingAreaId']) !!}

												<div class="col-xs-8">
                                                    @if ($userBarnchId == 1)
                                                        {!! createForm::select('branch', $branchList,null,'Branch:',['id'=>'branch']) !!}
                                                    @endif

                                                    {!! createForm::select('samity', $samityList,null,'Samity:',['id'=>'samity']) !!}

                                                    {!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off']) !!}
                                                    
                                                    {!! createForm::text('savingsProduct', 'WS - [01]','Savings Product:',['id'=>'savingsProduct','autocomplete'=>'off', 'readonly' => 'readonly']) !!}

                                                    {!! createForm::text('depositeType', 'Mandatory','Deposite Type:',['id'=>'depositeType','autocomplete'=>'off', 'readonly' => 'readonly']) !!}
                                                    
                                                    {!! createForm::text('interestRate','6.00','Interest Rate:',['id'=>'interestRate','readonly'=>'readonly']) !!}

                                                    {!! createForm::text('savingCode','','Saving Code:',['id'=>'savingCode','readonly'=>'readonly']) !!}

                                                    {!! createForm::text('savingCycle','','Saving Cycle:',['id'=>'savingCycle','readonly'=>'readonly']) !!}

                                                    {!! createForm::text('openingDate','','Opening Date:',['id'=>'openingDate','readonly'=>'readonly']) !!}

                                                    {!! createForm::text('autoProcessAmount','','Auto Process Amount:',['id'=>'autoProcessAmount','readonly'=>'readonly']) !!}

                                                    <ul class="pager wizard pull-right">										
                                                        {{-- {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!} --}}
                                                        <input type="button" name="submit" id="submit" value="Submit" class="btn btn-info">
                                                    </ul>

                                                </div>{{-- End First Column --}}

                                                {{-- Second Coloum --}}
                                                <div class="col-xs-4" style="height: 40%;position: absolute;right: 0;bottom: 0px;">
                                                    <img src="images/catalog/image15.png" width="90%" height="100%" style="float:right;position: absolute; filter: opacity(30%);bottom: 0;">
                                                </div>
                                                {{-- End Second Coloum --}}
								
                                            </div>											
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <script src="{{ asset('js/jquery-3.1.1.min.js') }}"></script> -->

<style type="text/css">
    .initiallyHidden{
        display: none;
    }
    #nomineeTable thead tr th{
        padding: 2px;
    }
    #nomineeTable thead tr:nth-child(1) th{
        padding: 5px;
    }
    #nomineeTable{
        color: black;
    }
    #memberListTable tbody tr{
        cursor: pointer;
    }
    #rootwizard .panel-body .row {
        margin-bottom: 10px;
    }
    #rootwizard, 
    #rootwizard .form-control {
        font-size: 11px !important;
        padding: 5px !important;
    }
    /*#rootwizard input[type='text']{
        height: 18px !important;
    }*/
    #rootwizard label {
        margin-bottom: 0 !important;
        color: #555 !important;
    }
    .validate-has-error {
        color: #FF0000;
    }
    .error{
        color: red;
    }
    
</style>

@php
    use App\Http\Controllers\microfin\MicroFin;

    $branchSoftwareDate = MicroFin::getSoftwareDateBranchWise($userBranchId);

    $weeklySavingsExistMembers = DB::table('mfn_savings_account')
        ->where([['savingsProductIdFk', '=', 1], ['branchIdFk', '=', $userBranchId]])
        ->where(function ($query) use ($branchSoftwareDate) {
            $query->where([['closingDate', '>=', $branchSoftwareDate]])
            ->orWhere([['closingDate', '=', '0000-00-00']])
            ->orWhere([['closingDate', '=', null]]);
        })
        ->pluck('memberIdFk')
        ->toArray();
	$members = DB::table('mfn_member_information')->where('softDel',0)->where('status',1)->where('branchId',$userBranchId)->where('admissionDate','<=',$softwareDate)->whereNotIn('id', $weeklySavingsExistMembers)->select('id','name','code','branchId','samityId')->get();
	$branches = DB::table('gnr_branch')->select('id','name')->get();
	$samities = DB::table('mfn_samity')->select('id','name','workingAreaId')->get();
	$workingAreas = DB::table('gnr_working_area')->select('id','name')->get();
@endphp

<div id="memberList" class="container" style="display: none;position: absolute;">
    <table id="memberListTable" class="table table-fixed" style="font-size: 10px;">
        <tbody id="memberListTableBody" style=" display:block;height: 120px;overflow-y: auto !important;overflow-x: hidden;float:left;">
            @foreach ($members as $member)
            @php
                $branchName = $branches->where('id',$member->branchId)->max('name');
                $samity = $samities->where('id',$member->samityId)->first();
                $workingAreaName = $workingAreas->where('id',$samity->workingAreaId)->max('name');
            @endphp
            <tr>
                <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}" workingAreaId="{{$samity->workingAreaId}}" style="text-align: left;">
                    <span class="memberName" style="font-size: 11;font-weight: bold;">{{$member->name}}</span> - 
                    <span class="memberCode" style="font-size: 11;font-weight: bold;">{{$member->code}}</span><br>
                    {{'Branch: '.$branchName}}<br>
                    {{'Samity: '.$samity->name}}<br>
                    {{'Working Area: '.$workingAreaName}}
                </td>
            </tr>		
            @endforeach
        </tbody>
    </table>
</div>

<script>
    /*show the member list table on double click the member text field*/
    $("#member").click(function(event) {
        $("#memberList").show('slow/400/fast');
    });
    /*end show the member list table on double click the member text field*/

    /*end show the member list table on double click the member text field*/
    $(document).on("click", "#memberListTable tbody tr td", function(e) {
        $("#memberId").val($(this).attr('memberId')).trigger('change');
        $("#branchId").val($(this).attr('branchId'));
        $("#samityId").val($(this).attr('samityId'));
        $("#workingAreaId").val($(this).attr('workingAreaId'));
        
        $("#member").val($(this).find('.memberName').text() + ' - '+$(this).find('.memberCode').text());

        $("#memberList").hide('slow/400/fast');   

        $("#product").trigger('change');

        getMemberInfos();
    });
    /*end on select td set the valus of hidden field for the member*/

    /*set the memberList position*/
    function setMemberListTableSize () {
        var top = $('#member').offset().top - 48;
        var left = $('#member').offset().left - 15;
        var width = $('#member').width() +14;	      

        $("#memberList").css({ top: top });
        $("#memberList").css({ left: left });
        $("#memberList").width(width);
        $("#memberListTable tbody tr td").width(width);
    }

    setMemberListTableSize();

    $(window).resize(function() {
        setMemberListTableSize();
    });
       
    /*end set the memberList position*/

    /*make the samity list base on branch selected*/
    $("#branch").change(function(event) {
        var branchId = $(this).val();
        $("#samity").empty();
        $.ajax({
            url: './getBranchWiseSamityDropDownList',
            type: 'POST',
            dataType: 'json',
            data: {branchId: branchId},
            })
            .done(function(concatString) {
                // console.log(concatString);

                if (concatString == "") {
                    $("input[type=submit]").attr("disabled", "disabled");
                    toastr.warning("There is no such samity assigned for this branch!");
                }
                else {
                    $("input[type=submit]").removeAttr("disabled");
                }

                appendTheStrings(concatString);

                function appendTheStrings(concatString){
                    var count = 0;
                    Object.keys(concatString).forEach(function(x){
                        console.log('\"'+concatString[x]+'\"');
                        if (count == 0) {
                            $("#samity").append("<option value=''>--Select--</option>");
                            count = 1;
                        }
                        $("#samity").append("<option value='"+x+"'>"+concatString[x]+"</option>");
                    });
                }
            })
            .fail(function() {
                toastr.warning("There is something wrong in this request! Please try later!");
            });
            
    });
    /*end make the samity list base on branch selected*/

    /*make the memeber list base on samity selected*/
    $("#samity").change(function(event) {
        var samityId = $(this).val();
        $("#memberListTableBody").empty();
        $.ajax({
            url: './getSamityWisWeeklySavingseMemeberDropDownList',
            type: 'POST',
            dataType: 'json',
            data: {samityId: samityId},
            })
            .done(function(concatString) {
                console.log(concatString);

                if (concatString == "") {
                    $("input[type=submit]").attr("disabled", "disabled");
                    toastr.warning("There is no such member who are eligible for the WS - [01]");
                }
                else {
                    $("input[type=submit]").removeAttr("disabled");
                }
                
                $("#memberListTableBody").append(concatString);
                setMemberListTableSize();
            })
            .fail(function() {
                console.log("error");
            });
            
    });
    /*end make the memeber list base on samity selected*/

    /*get the related information when product changed*/
    // $("#memberListTableBody").change(function(event) {
    function getMemberInfos () {
       	var productId = 1;
        var memberId = $("#memberId").val();

       	if (memberId=='' || productId=='') {
       		return false;
       	}
       	
       	var csrf = "{{csrf_token()}}";

       	$.ajax({
       		url: './mfnGetInfoToCraeteSavingsAccount',
       		type: 'POST',
       		dataType: 'json',
       		data: {memberId: memberId, productId: productId, _token: csrf},
       	})
       	.done(function(data) {
            console.log(data);
            
            $("#savingCode").val(data['savingCode']);
            $("#savingCycle").val(data['savingCycle']);
            $("#openingDate").val(data['openingDate']);
            $("#autoProcessAmount").val(data['autoProcessAmount']);
       	})
       	.fail(function() {
       		alert("error1");
       	});
    }
       	
    // });
    /*end get the related information when product changed*/
    var i = 0;
    $("#submit").click(function(){
        ++i;
        $("#submit").prop('disabled',true);
        
        if ($("#product").val()=='' || $("#member").val()=='' || $("#memberId").val()=='') {
            return false;
        }

        console.log("submission count" +i);
        
        if (i == 1) {
            $("#submit").prop('disabled',true);

            $.ajax({
                type: 'post',
                url: './storeWeeklySavingsAccount',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    $(".error").remove();

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

                    if (_response.responseTitle == 'Success!') {
                        toastr.success(_response.responseText, _response.responseTitle);

                        setTimeout(function(){
                            window.location.href = '{{ url('/addMfnWeeklySavingsAccount') }}';
                        }, 3000);
                    }
                    else {
                        toastr.warning(_response.responseText, _response.responseTitle);

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

                    // if(_response.errors) {
                    //     $("#submit").prop('disabled',false);
                    //     $.each(_response.errors, function(name, error) {
                    //             $("#"+name).after("<p class='error'>* "+_response.errors[name]+"</p>");
                    //     });
                    // } 
                    // else {
                    //     $("form").trigger('reset');
                        

                    //     toastr.success(_response.responseText, _response.responseTitle);
                        
                    //     setTimeout(function(){
                    //         window.location.href = '{{ url('/addMfnWeeklySavingsAccount') }}';
                    //     }, 3000);
                    // }
                },
                error: function(_response) {
                    $("#submit").prop('disabled',false);
                    alert('Response Error');
                }
            });
        }
        else {
            $("#submit").prop('disabled',true);
        }
    });

    /* STORE THE WEEKLY SAVINGS DATA */
    // $('form').submit(function(event){
    //     // alert('Submited');
    //     event.preventDefault();

    //     if ($("#product").val()=='' || $("#member").val()=='' || $("#memberId").val()=='') {
    //         return false;
    //     }

    //     var i = 0;
    //     $("#submit").click(function(){
    //         // i = $(this).html(i++);
    //         ++i;
    //         console.log(i);
            
    //     });

    //     console.log("submission count" +i);
        
    //     if (i == 1) {
    //         $("#submit").prop('disabled',true);

    //         $.ajax({
    //             type: 'post',
    //             url: './storeWeeklySavingsAccount',
    //             data: $('form').serialize(),
    //             dataType: 'json',
    //             success: function(_response) {
                    
    //                 $(".error").remove();
    //                 if(_response.errors) {
    //                     $("#submit").prop('disabled',false);
    //                     $.each(_response.errors, function(name, error) {
    //                             $("#"+name).after("<p class='error'>* "+_response.errors[name]+"</p>");
    //                     });
    //                 } 
    //                 else {
    //                     $("form").trigger('reset');
    //                     toastr.success(_response.responseText, _response.responseTitle, opts);
                        
    //                     setTimeout(function(){
    //                         window.location.href = '{{ url('/viewMfnSavingsAccountList') }}';
    //                     }, 3000);
    //                 }
    //             },
    //             error: function(_response) {
    //                 $("#submit").prop('disabled',false);
    //                 alert('Response Error');
    //             }
    //         });
    //     }
    //     else {
    //         $("#submit").prop('disabled',true);
    //     }

    // });
    /* END OF STORING THE WEEKLY SAVINGS DATA */ 

    $("#loadingModal").hide();
</script>

@endsection