@extends('layouts.app')
@section('title', 'Insurance Attach')

@section('content')
<style>
  #setuptable1 th
  {
     color:#fff !important;
  }

</style>

<div class="container-fluid mt-2">
	
	<div class="col-lg-12">
        <div class="card">
            <div class="text-center mt-2"><button type="button" class="btn btn-primary" onclick="addinsurancebulk();">Attach Insurance</button></div>
        	<div class="p-0 text-center m-1">
                    <table id="setuptable1" class="table table-bordered mb-0"  >
                        <thead>
                            <tr>
                                <th><input type="checkbox" value="All" id="selectall"></th>
                                <th>Loan No.</th>
                                <th>Borrower Name</th>
                                <th>Property Address</th>
                                <th>City</th>
                                <th>Zip</th>
                                <th>Parcel No</th>
                            </tr>
                        </thead>
                        <tbody>
                                                    </tbody>
                    </table>
                </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script type="text/javascript">
     $(document).ready(function () {
        var table = $('#setuptable1').DataTable({
             dom: 'lBfrtip',
        "paging": true,
        "info": true,
        searching:true,
        'columnDefs': [
      {
         'targets': 0,
         orderable: false,
         'checkboxes': {
            'selectRow': true
         }
      }
    ],
            });
    });
        $("#selectall").on('change', function()
        {
            if($("#selectall").is(':checked'))
            {
                $(".checkloanclass").prop("checked", true).addClass('checkclass');
            }
            else
            {
                $(".checkloanclass").prop("checked", false).removeClass('checkclass');   
            }
        });
        function updatecheckclass(id)
        {
            if($("#"+id).is(':checked'))
            {
                $("#"+id).prop("checked", true).addClass('checkclass');
            }
            else
            {
                $("#"+id).prop("checked", false).removeClass('checkclass');
                var totallength = $('.checkloanclass').length;
                var numberOfChecked = $('.checkloanclass:checked').length;
                if(totallength > numberOfChecked)
                {
                    $("#selectall").prop("checked", false);
                }
                if(numberOfChecked == 0)
                {
                    $("#selectall").prop("checked", false);
                }
            }
        }
        function addinsurancebulk()
        {
            let loanids = $(".checkloanclass:checked")
                        .map(function (){
                        return $(this).val();
                    }).toArray();
                $.ajax({
                        type:'POST',
                        url:"{{route('attachinsurancebulk')}}",
                        data: {
                            "_token": "{{ csrf_token() }}",
                                "loanids":loanids
                        },
                        success: function()
                        {
                           location.href = location.href;
                        }
                    });
        }
	</script>
@endsection