@extends('layouts/microfin_layout')
@section('title', '| Add Samity Closing')
@section('content')
    <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('viewSamityClosing/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Samity Closing Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">New Samity Closing</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')) !!}
                                    <div class="form-group">
                                        {!! Form::label('samity', 'Name:', ['class' => 'col-sm-2 control-label']) !!}
                                        <div class="col-sm-6">
                                            @php
                                                // dd($damageData['samityList'], $damageData['samityListCode']);
                                            @endphp
                                            {!! Form::select('samityId',  $damageData['samityList'], null, array('class'=>'form-control', 'id' => 'samityId')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('closing date', 'Closing Date:', ['class' => 'col-sm-2 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('closingDate',($damageData['softwareDate']), ['class' => 'form-control', 'id' => 'closingDate', '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('viewSamityClosing/') }}" 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(){
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy'
        });

        $('#samityId').change(function () {
            var samityId = $(this).val();

            if(samityId){
                $.ajax({
                    type: 'post',
                    url: './checkSamityMemberSavingsAndLoans',
                    data: {'samityId': samityId},
                    dataType: 'json',
                    success: function(_response) {
                        // console.log(_response.responseStatus);
                        if(_response.responseStatus === false){
                            toastr.warning(_response.responseText);
                            $('#samityId').val("");
                        }
                    },
                    error: function(_response) {
                        toastr.success(_response.errors);
                    }
                });
            }else{
                toastr.warning('Please select a Samity!');
            }
        });

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

            $.ajax({
                type: 'post',
                url: './addSamityClosingItem',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    if(_response.errors) {
                        if(_response.errors['samityId'])
                            toastr.warning(_response.errors.samityId, null, opts);
                        if(_response.errors['closingDate'])
                            toastr.warning(_response.errors.closingDate, null, opts);
                    } else {
                        $("#submit").prop("disabled", true);
                        $('#samityId').val('');
                        $('#closingDate').val('');
                        toastr.success(_response.responseText, _response.responseTitle, opts);

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