{!! Form::open(['role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'mfnMraProductMappingForm']) !!}
@foreach ($loanProductCatagory as $catagory)
    @php

        $products = DB::table('mfn_loans_product')
        ->selectRaw('id, name, shortName, code')
        ->where('productCategoryId', $catagory->id)
        ->where('status', '1')
        ->where('softDel', '0')
        ->orderBy('code', 'asc')
        ->get();
        
        if( $products->isEmpty() ) continue;
        
    @endphp
    <div class="form-group">
        <h4 align="center" style="font-color: black;">
            <font color="black" >{{$catagory->name}}</font>
        </h4>
        <td class="text-left">
            @foreach ($products as $product)
                <div class="col-sm-3">
                    @if(in_array($product->id, ($allSelectedProducts ?? []) ) )
                        @if(in_array($product->id, ($mfnMraProductMappingExist ?? []) ) )
                            {{ Form::checkbox('loanProductIds[]', $product->id, true, array('disabled'=>'disabled')) }}
                        @else
                            {{ Form::checkbox('loanProductIds[]', $product->id, true, array('disabled'=>'disabled')) }}
                        @endif
                    @else
                        @if(in_array($product->id, ($mfnMraProductMappingExist ?? []) ) )
                            {{ Form::checkbox('loanProductIds[]', $product->id, true, array()) }}
                        @else
                            {{ Form::checkbox('loanProductIds[]', $product->id, null, array()) }}
                        @endif
                    @endif
                    <label style="color: black">{{$product->code}} - {{$product->name}}</label>
                </div>
            @endforeach
        </td>
    </div>
@endforeach


</br></br>

<div class="form-group">
    {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
    <div class="col-sm-5">
        {!! Form::submit('Save', ['id' => 'mfnMraProductMappingFormSubmit', 'class' => 'btn btn-success']) !!}
        <a href="{{ url('mfn/mfnMraProductMappingListFiltering/') }}"
            class="btn btn-danger closeBtn">Close</a>
        <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
    </div>
</div>

{!! Form::close() !!}


        


       
<script type="text/javascript">

    $(document).ready(function() {

        $('.checked').on('click', function(){
            var row = $(this).closest('tr');
            row.find('.checked').val(null);
            var specialMemberForDueRegister = row.find('.memberIdFk').attr('id');
            if ($(this).is(':checked')) {
                row.find('.checked').val(specialMemberForDueRegister);
            };
        });

        

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

                    } else {
                        if(data.responseTitle == "Success!"){
                            toastr.success(data.responseText, data.responseTitle, opts);
                            setTimeout(function(){
                                window.location.href ="{{ url('mfn/mfnMraProductMappingListFiltering/') }}";
                            }, 2000);
                        }else{
                            toastr.success(data.responseText, data.responseTitle, opts);
                            setTimeout(function(){
                                location.reload();
                            }, 1500);

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


    });


</script>