{!! Form::open(['role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'mfnMraProductMappingForm']) !!}

<br>

<div class="form-group">

    {!! Form::label('effectiveDate', 'Effective Date:', ['class' => 'col-sm-1 control-label', 'style' => 'color: black;']) !!}
    <div class="col-sm-1">
        {!! Form::text('effectiveDate', null, ['class' => 'form-control datepicker', 'id' => 'effectiveDate', 'type' => 'text', 'readonly']) !!}
    </div>

    <br>

    <div class="pull-right">
        {!! Form::label('Select / Unselect All', null, ['style' => 'color: black; font-weight: bold;']) !!} &nbsp;
        {!! Form::checkbox('checkAll', null, false, ['class' => 'checkAll']) !!} &nbsp; &nbsp; &nbsp;
    </div>

    <br><br><br>

    <td class="text-left">
        @foreach ($branches as $branche)
            <div class="col-sm-2">
                @if(in_array($branche->id, ($allSelectedProducts ?? []) ) )
                    @if(in_array($branche->id, ($mfnMraProductMappingExist ?? []) ) )
                        {{ Form::checkbox('branchIds[]', $branche->id, true, array('class'=>'isSelected')) }}
                    @else
                        {{ Form::checkbox('branchIds[]', $branche->id, true, array('class'=>'isSelected')) }}
                    @endif
                @else
                    @if(in_array($branche->id, ($mfnMraProductMappingExist ?? []) ) )
                        {{ Form::checkbox('branchIds[]', $branche->id, true, array('class'=>'isSelected')) }}
                    @else
                        {{ Form::checkbox('branchIds[]', $branche->id, null, array('class'=>'isSelected')) }}
                    @endif
                @endif
                <label style="color: black">{{$branche->nameWithCode}}</label>
            </div>
        @endforeach
    </td>

</div>



<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() {

        /*Check/Uncheck All*/
        $(document).on('click', '.checkAll', function(event) {
            if($(this).is(":checked")){             
                $('.isSelected').prop('checked',true);
            }else{
                $('.isSelected').prop('checked',false);
            }

            $(".isSelected").each(function (index, el) {
                var row = $(this).closest('tr');
                row.find('.isSelected').val(null);
                var specialMemberForDueRegister = row.find('.memberIdFk').attr('id');
                if ($(this).is(':checked')) { row.find('.isSelected').val(specialMemberForDueRegister); }
            });
        });
        

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

        var dateToday = new Date();
        $("#effectiveDate").datepicker({
            minDate: dateToday,
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });

      

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

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

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


    });


</script>