@extends('layouts/microfin_layout')
@section('title', '| Special Members Opening Cash In Hand')
@section('content')
@include('successMsg')


<div class="row">
    <div class="col-md-12">
        <div class="col-md-3"></div>
            <div class="col-md-6 fullbody">
                <div class="" style="">
                    <div class="">
                        <div class="panel panel-default" style="background-color:#708090;">
                            <div class="panel-heading" style="padding-bottom:0px">
                                <h3 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                    <font color="white">Special Members Opening Cash In Hand</font>
                                </h3>
                            </div>

                            <div class="panel-body panelBodyView" >
                                
                                <div class="row">
                                    <div class="col-md-12"  id="pecialMemberForDueRegister"></div>
                                    
                                    {!! Form::open(['role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'specialMemberOpeningBalenceForm']) !!}

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            @if($openingDate == 0)
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Select Opening Date:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                                <div class="col-md-12">
                                                    {!! Form::text('openingDate', null, ['id'=>'openingDate', 'class'=>'form-control input-sm readonly', 'autocomplete'=>'off','style'=>'cursor:pointer;','required']) !!}
                                                </div>
                                            @else
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Selected Opening Date:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                                <div class="col-md-12">
                                                    {!! Form::text('openingDate', date('d-m-Y', strtotime($openingDate)), ['id'=>'openingDateSelected', 'class'=>'form-control input-sm readonly', 'autocomplete'=>'off','style'=>'cursor:pointer;', 'readonly']) !!}
                                                </div>
                                            @endif
                                        </div>
                                    </div><br><br><br><br>
                                    
                                    <div class="row" style=" margin: 10px 0px;">
                                        <div class="table-responsive">
                                                                
                                            <table class="table table-striped table-bordered" id="specialMemberForDueRegister" style="color:black;">
                                                <thead>
                                                    <tr>
                                                        <th rowspan="2">SL#</th>
                                                        <th colspan="2">Branch</th>
                                                        <th rowspan="2">Opening Cash In Hand (TK)</th>
                                                    </tr>
                                                    <tr>
                                                        <th>Name</th>
                                                        <th>Code</th>
                                                        
                                                    </tr>
                                                </thead>
                                                
                                                <tbody>
                                                                                                        @foreach ($openingBalanceConfigurations as $openingBalanceConfiguration)

                                                        <tr class="item{{ ($no + 1) }}">
                                                            <td class="text-center slNo">{{ ++$no }}</td>

                                                            <td> {{ $openingBalanceConfiguration->branchName }} </td>
                                                            <td> {{ $openingBalanceConfiguration->branchCodeWith0 }} </td>

                                                            <td style="padding-left: 1em; padding-right: 1em;">
                                                                {!! Form::hidden('branchIdFk[]', $openingBalanceConfiguration->id) !!} 
                                                                {!! Form::text('amount[]', $openingBalanceConfiguration->openingCashInHand, ['class' => 'form-control text-right amount', 'id' => 'amount', 'type' => 'text', 'placeholder' => '-', 'autocomplete' => 'off']) !!} 
                                                            </td> 
                                                        </tr>
                                                    @endforeach
                                                
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::submit('Save', ['id' => 'specialMemberForDueRegisterSubmit', 'class' => 'btn btn-success']) !!}
                                            <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                                        </div>
                                    </div>

                                    {!! Form::close() !!}
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function() {

        $("#openingDate").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });

           
        $('.amount').on('input', function(event) {
            this.value = this.value.replace(/[^0-9\\.]+/g, '').replace(/(\..*)\./g, '$1'); 
        });


        $('#specialMemberOpeningBalenceForm').submit(function(event) {
            event.preventDefault();
            $.ajax({
                type: 'post',
                url: "{{ url('specialMemberOpeningCashInHand/addConfigurationItem/') }}",
                data: $('#specialMemberOpeningBalenceForm, #searchForm').serialize(),
                dataType: 'json',
                success: function(data) {
                    if (data.errors) {

                    } else {
                        if(data.responseTitle == "Success!"){
                            toastr.success(data.responseText, data.responseTitle, opts);
        
                        }else{
                            toastr.success(data.responseText, data.responseTitle, opts);
                            setTimeout(function(){
                                location.reload();
                            }, 2000);

                        }
                    }
                },
                error: function(_response) {
                    // Handle error
                    alert(_response.errors);
                }
            });
        });



    });

    

</script>


@endsection