@extends('layouts/microfin_layout')
@section('title', '| Add Member Samity Transfer')
@section('content')
<style type="text/css">
    form label {
        font-size: 11px !important;
    }

    .form-control {
        font-size: 11px !important;
        padding: 5px !important;
    }

    .selectize-dropdown-content {
        width: 260px !important;
        background: olive;
        color: #000;
        left: 0px !important;
        position: relative !important;
        top: 0px !important;
    }

    .selectize-dropdown,
    .selectize-input,
    .selectize-input input {
        height: 28px !important;
        font-size: 11px !important;
    }

    .selectize-control .selectize-input input {
        padding-left: 8px !important;
    }

    .selectize-control .selectize-input div {
        padding: 5px 5px 5px 8px !important;
    }

    #memberSummaryBlock p {
        color: #000;
        margin: 0 0 5px 0;
        font-weight: bold;
    }

    #savingsSummary thead tr th,
    #loanSummary thead tr th {
        background: GrayText !important;
        text-transform: capitalize !important;
        font-size: 10px !important;
        border-bottom: 1px solid #EEE !important;
        padding: 5px 0 !important;
        color: #FFF !important;
    }

    #savingsSummary tbody tr td:first-child,
    #loanSummary tbody tr td:first-child {
        text-align: left !important;
        font-weight: normal !important;
    }

    #savingsSummary tbody tr td,
    #loanSummary tbody tr td {
        text-align: right !important;
    }

    #memberSummary tbody tr td:first-child,
    #savingsSummary tbody tr td:first-child,
    #loanSummary tbody tr td:first-child {
        font-weight: bold;
    }
</style>
<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('viewMemberSamityTransfer/') }}" class="btn btn-info pull-right addViewBtn">
                    <i class="glyphicon glyphicon-th-list viewIcon"></i>
                    Member Samity Transfer List
                </a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">New Member Samity Transfer</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-6">
                                    {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups validate')) !!}
                                    <div class="form-group">
                                        {!! Form::label('member name', 'Member Name:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('memberIdFk', array('' => 'Select'), null, array('class' => 'form-control', 'id' => 'select-to', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('current branch', 'Current Branch:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('branchIdFk', ($damageData['currentBranchOption']), null, array('class' => 'form-control', 'id' => 'branchId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('samity category', 'Samity Category:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('samityCategoryId', array('' => 'Select') + ($damageData['samityCategories']), null, array('class' => 'form-control', 'id' => 'samityCategoryId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('primary product', 'Primary Product:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8" id="primaryProductDiv">
                                            {!! Form::select('primaryProductId', array('' => 'Select'), null, array('class' => 'form-control', 'id' => 'primaryProductId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('new samity', 'New Samity:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('newSamityIdFk', array('' => 'Select'), null, array('class' => 'form-control', 'id' => 'newSamityId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('new member code', 'New Member Code:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('newMemberCodeFk', null, ['class' => 'form-control', 'id' => 'newMemberCode', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
                                        </div>
                                    </div>

                                    {{-- oldMemberCode --}}
                                    {{-- mraMemberCode --}}

                                    {!! Form::hidden('oldMemberCode',null,['id'=>'oldMemberCode']) !!}
                                    {!! Form::hidden('mraMemberCode',null,['id'=>'mraMemberCode']) !!}
                                    {!! Form::hidden('isSameSamityCategoryTransfer',null,['id'=>'isSameSamityCategoryTransfer']) !!}

                                    <div class="form-group">
                                        {!! Form::label('transfer date', 'Transfer Date:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('transferDate', $value = $damageData['transferDate'], ['class' => 'form-control', 'id' => 'transferDate', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-8 col-sm-offset-4">
                                            {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                            <a href="{{ url('viewMemberSamityTransfer/') }}" class="btn btn-danger closeBtn">Close</a>
                                        </div>
                                    </div>
                                    {!! Form::close() !!}
                                </div>
                                <div id="memberSummaryBlock" class="col-md-6 hidden">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <p>Member's Information:</p>
                                            <table id="memberSummary" style="width:100%" class="table table-striped table-bordered loan-saving-summary-table right">
                                                <tbody>
                                                    <tr>
                                                        <td>Member Name</td>
                                                        <td class="memberName"></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Branch Name</td>
                                                        <td class="branchName"></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Samity Name</td>
                                                        <td class="samityName"></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Current Primary Product</td>
                                                        <td class="currentProductName"></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Working Area</td>
                                                        <td class="workingArea"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <p style="margin-top:10px">Loan Information:</p>
                                            <table id="loanSummary" style="width:100%;margin-bottom:10px" class="table table-striped table-bordered loan-saving-summary-table right">
                                                <thead>
                                                    <tr>
                                                        <th width="40%">Loan No</th>
                                                        <th>Loan Amount</th>
                                                        <th>Total Payable Amount</th>
                                                        <th>Last Repayment Date</th>
                                                        <th>Outstanding Amount</th>
                                                    </tr>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                            <p>Savings Information:</p>
                                            <table id="savingsSummary" style="width:100%" class="table table-striped table-bordered loan-saving-summary-table right">
                                                <thead>
                                                    <tr>
                                                        <th width="40%">Savings Code</th>
                                                        <th>Opening Date</th>
                                                        <th>Desposit</th>
                                                        <th>Withdraw</th>
                                                        <th>Balance</th>
                                                    </tr>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<link rel="stylesheet" href="{{ asset('css/selection.css') }}">
<link rel="stylesheet" href="{{ asset('css/selectize.default.css') }}">
<script src="{{ asset('js/selectize.js') }}"></script>
<script>
    var formatName = function(item) {
        return $.trim((item.memberName || '') + ' - ' + (item.memberCode || ''));
    };

    $('#select-to').selectize({
        persist: false,
        maxItems: 1,
        valueField: 'id',
        labelField: 'name',
        searchField: ['memberName', 'samityName', 'memberCode', 'workingArea'],
        sortField: [{
            field: 'memberName',
            direction: 'asc'
        }],
        options: <br />
<b>Warning</b>:  Undefined variable $damageData in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/member/memberSamityTransfer/addMemberSamityTransfer.blade.php</b> on line <b>239</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/microfin/member/memberSamityTransfer/addMemberSamityTransfer.blade.php</b> on line <b>239</b><br />
null,

        render: {
            item: function(item, escape) {
                var name = formatName(item);
                return '<div>' +
                    (name ? '<span class="name">' + escape(name) + '</span>' : '') +
                    '</div>';
            },
            option: function(item, escape) {
                var name = formatName(item);
                var label = name || item.samityName;
                var branch = name ? item.branchName : null;
                var samity = name ? item.samityName : null;
                var workingArea = name ? item.workingArea : null;

                return '<div>' +
                    '<span class="label">' + escape(label) + '</span>' +
                    (branch ? '<span class="caption">' + escape('Branch: ' + branch) + '</span>' : '') +
                    (samity ? '<span class="caption">' + escape('Samity: ' + samity) + '</span>' : '') +
                    (workingArea ? '<span class="caption">' + escape('Working Area: ' + workingArea) + '</span>' : '') +
                    '</div>';
            }
        }
    });
</script>

<script type="text/javascript">
    $(document).ready(function() {
        $("label:contains('*')").html(function() {
            return $(this).html().replace("*", "<span style='float:right;position:relative;top:-8px;right:-25px;font-size:13px;'>*</span>");
        });

        $(document).on('change', '#select-to', function() {
            $("#samityCategoryId").empty()
            $("#newSamityId").empty()
            $("#primaryProductId").empty()

            $.ajax({
                type: 'post',
                url: './reqLoanAndSavingsSummary',
                data: {
                    'memberId': $('#select-to').val()
                },
                dataType: 'json',
                success: function(_response) {
                    if (_response.errors) {
                        toastr.error(_response.errors, 'Error', opts);
                    } else {

                        if (_response.responseTitle == "Warning!") {
                            toastr.warning(_response.responseText, 'Warning', opts)
                            return
                        }

                        // Change Samity Category // 
                        $("#isSameSamityCategoryTransfer").val(true)
                        $.each(_response.samityCategories, function(index, value) {
                            $('#samityCategoryId').append(`<option value=${index}>${value}</option>`)
                        })
                        $(`#samityCategoryId option[value=${_response.memberSamityProductInfo.samityCatId}]`).attr('selected', 'selected')

                        // change primary product                            
                        $('#primaryProductId').append(`<option value=${_response.currentPrimaryProduct}>${_response.currentProductName}</option>`)
                        $(`#primaryProductId option[value=${_response.currentPrimaryProduct}]`).attr('selected', 'selected')

                        $('#newSamityId').append('<option value="">Select</option>')
                        $.each(_response.samityOption, function(index, value) {
                            $('#newSamityId').append('<option value="' + index + '">' + value + '</option>')
                        });

                        $('#memberSummaryBlock').removeClass('hidden');
                        $('.memberName').text(_response.memberName);
                        $('.branchName').text(_response.branchName);
                        $('.samityName').text(_response.samityName);
                        $('.currentProductName').text(_response.currentProductName);
                        $('.workingArea').text(_response.workingArea);
                        $('#oldMemberCode').val(_response.oldMemberCode);

                        var str = '<tr>';
                        var i = 1;

                        $.each(_response.loanSummary, function(index, value) {
                            for (var key in value) {
                                str += '<td>' + value[key] + '</td>';

                                if (i % 5 == 0)
                                    str += '</tr>';
                                i++;
                            }
                        });

                        if (_response.loanSummary == '')
                            str = '<tr><td colspan="5" style="text-align:center!important;">No loan found.</td></tr>';

                        $('#loanSummary tbody').html(str);

                        var str = '<tr>';
                        var i = 1;

                        $.each(_response.savingsSummary, function(index, value) {
                            for (var key in value) {
                                str += '<td>' + value[key] + '</td>';

                                if (i % 5 == 0)
                                    str += '</tr>';
                                i++;
                            }
                        });

                        if (_response.savingsSummary == '')
                            str = '<tr><td colspan="5" style="text-align:center!important;">No savings found.</td></tr>';

                        $('#savingsSummary tbody').html(str);
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });

        $(document).on('change', '#newSamityId', function() {

            $('#newMemberCode').val("");
            $('#mraMemberCode').val("");

            $.ajax({
                type: 'post',
                url: './reqNewMemberCode',
                data: {
                    'samityId': $('#newSamityId').val()
                },
                dataType: 'json',
                success: function(_response) {
                    if (_response.errors) {
                        alert(_response.errors);
                    } else {
                        if (_response.responseTitle == "Warning!") {
                            toastr.warning(_response.responseText, 'Warning', opts);
                        } else {
                            $('#newMemberCode').val(_response.newMemberCode);
                            $('#mraMemberCode').val(_response.mraMemberCode);
                        }
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });

        // LOAD CATEGORY WISE SAMITY LIST
        $("#samityCategoryId").change(function() {
            let branchId = $("#branchId").val()
            let samityCategoryId = $("#samityCategoryId").val()
            let memberId = $('#select-to').val()

            $("#newSamityId").empty()
            $("#primaryProductId").empty()
            $('#primaryProductDiv').find("span").remove()

            $.ajax({
                type: 'post',
                url: './reqCategoryWiseBranchSamityList',
                data: {
                    'branchId': branchId,
                    'samityCategoryId': samityCategoryId,
                    'memberId': memberId
                },
                dataType: 'json',
                success: function(_response) {
                    if (_response.errors) {
                        toastr.error(_response.errors, 'Error', opts)
                    } else {

                        if (_response.responseTitle == "Warning!") {
                            toastr.warning(_response.responseText, 'Warning', opts)
                            return
                        }

                        $('#newSamityId').append('<option value="">Select</option>')
                        $.each(_response.samityList, function(index, value) {
                            $('#newSamityId').append(`<option value=${index}>${value}</option>`)
                        })

                        let isSameSamityCategoryTransfer = _response.isSameSamityCategoryTransfer
                        $("#isSameSamityCategoryTransfer").val(isSameSamityCategoryTransfer)

                        if (!isSameSamityCategoryTransfer) {
                            toastr.warning("Changing Samity Category Will Require Primary Product Transfer", 'Warning', opts)
                            $('#primaryProductId').append('<option value="">Select</option>')
                            $('#primaryProductDiv').append('<span style="text-transform:lowercase">*Changing Samity Category Will Require Primary Product Transfer</span>')
                            $('#primaryProductId').prop("disabled", false).change()
                        } else {
                            $('#primaryProductId').prop("disabled", true).change()
                        }
                        $.each(_response.primaryProductList, function(index, value) {
                            $('#primaryProductId').append(`<option value=${index}>${value}</option>`)
                        })

                    }
                },
                error: function(_response) {
                    toastr.error(_response.errors, 'Error', opts)
                }
            });
        });


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

            $.ajax({
                type: 'post',
                url: './addMemberSamityTransferItem',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    $("#submit").prop("disabled", false)
                    if (_response.errors) {
                        toastr.error(_response.errors, 'Error', opts)
                    } else {
                        if (_response.responseTitle == 'Error') {
                            toastr.warning(_response.responseText, _response.responseTitle,
                                opts);
                        } else {
                            toastr.success(_response.responseText, _response.responseTitle, opts);
    
                            setTimeout(function() {
                                window.location.href = '{{ url('viewMemberSamityTransfer') }}';
                            }, 3000);
                        }
                    }
                },
                error: function(_response) {
                    toastr.error(_response.errors, 'Error', opts)
                    $("#submit").prop("disabled", false)
                }
            });
        });
    });
</script>
@endsection