@extends('layouts/microfin_layout')
@section('title', '| Add Samity Day Change')
@if ($canChangeSamityDay==false)
	@section('content')
	<div class="col-md-12">
		<div>Sorry, you can change samity day only on Thursday</div>
	</div>
	@endsection
@else
@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-10 col-md-offset-1 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url('viewSamityDayChange/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Samity Day Change Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Samity Day Change</div>
                    </div>
                    <div class="panel-body">
                        {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups validate', 'autocomplete'=>'off')) !!}
                            <div class="row">
                                <div class="col-md-6">

									@if (Auth::user()->branchId == 1)
										<div class="form-group">
											{!! Form::label('branch', 'Branch:', ['class' => 'col-sm-4 control-label']) !!}
											<div class="col-sm-6">
												{!! Form::select('branchIdFk', array('' => 'Select') + $branchList, null, array('class'=>'form-control', 'id' => 'branchIdFk')) !!}
											</div>
										</div>
									@endif

                                    <div class="form-group">
                                        {!! Form::label('samity name', 'Samity Name:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('samityIdFk', $samityList, null, array('class'=>'form-control', 'id' => 'samityIdFk')) !!}
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        {!! Form::label('samity day', 'Samity Day:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('oldSamityDayId', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'oldSamityDayId', 'readonly' => 'readonly')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('new samity day', 'New Samity Day:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('newSamityDayId', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'newSamityDayId', 'disabled' => 'disabled')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('effective date', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('changeDate', null, ['class' => 'form-control', 'id' => 'changeDate', 'type' => 'text', 'readonly' => 'readonly', 'style' => 'cursor:pointer']) !!}
                                        </div>
                                    </div>
                                    
                                </div>

                                <div class="col-md-6">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-md-offset-3">
                                    <div class="form-group">
                                        <div class="col-sm-8">
                                            {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                            <a href="{{ url('viewSamityDayChange/') }}" class="btn btn-danger closeBtn">Close</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

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

        $("#branchIdFk").change(function(event) {
			$("#samityIdFk option:gt(0)").remove();
            
            if ($(this).val() != ''){
                $.ajax({
                    url: './getMfnBranchWiseSamityList',
                    type: 'POST',
                    dataType: 'json',
                    data: {branchId: $(this).val()},
                })
                .done(function(samityList) {
                    $.each(samityList, function(index, val) {
                         $("#samityIdFk").append("<option value="+index+">"+val+"</option>")
                    });
                })
                .fail(function() {
                    alert("response error");
                });
                
            }
        });

        $(document).on('change', '#samityIdFk', function() {
            $.ajax({
                type: 'post',
                url: './reqCurrentSamityDay',
                data: {
                    'id': $('#samityIdFk').val()
                },
                dataType: 'json',
                success: function(_response) {
                    if(_response.errors) {
                        alert(_response.errors);
                    } else {
                        $('#oldSamityDayId').empty();
                        
                        $('#samityName').val(_response.getCurSamityName);
                        $('#newSamityDayId').prop('disabled', false);
                        $('#newSamityDayId').children("[value='']").remove();
                        $('#newSamityDayId').empty();
                        $('#oldSamityDayId').append('<option value="' + _response.getCurSamityDayId + '">' + _response.getCurSamityDayName + '</option>');

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

                    jQuery('#samity-day-change-modal').modal('show', {backdrop: 'fade'});
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });

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

            $("#submit").prop("disabled", true);
            $('#loadingModal').show();

            $.ajax({
                type: 'post',
                url: './addSamityDayChangeItem',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    if(_response.errors) {
                        alert(_response.errors);
                    } else {
                        //$("#submit").prop("disabled", true);
                        $('#loadingModal').hide();
                        if (_response.responseTitle == 'Warning!') {
                            toastr.warning(_response.responseText, _response.responseTitle);
                        }
                        else {
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                        
                            setTimeout(function(){
                                window.location.href = '{{ url('viewSamityDayChange/') }}';
                            }, 3000);
                        }
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });
    });
</script>
@endsection
@endif