@extends('layouts.app')
@section('title', 'C-Service Report')
@section('content')
<style>
    th, td
    {
      padding: 10px;
    }
    .headingtd {
        background-color: var(--color) !important;
    }
    .correctionheader
    {
        background-color:#303e67;
    }
    </style>
<div class="container-fluid mt-1">
    <div class="row">
        <x-escrowtabs/>
    </div>
    <div class="row p-1" id="viewloandetails">
        <x-cservicetabs/>
        <div class="col-12">
            <div class="row">
                <div class="col-3">
                    <select class="form-control" id="agencyid" onchange="getagencyfilteredliens(this.value);">
                        <option value="All">Filter By Agencies</option>
                                            </select>
                </div>
                <div class="col-2 d-none" id="includedropdown">
                    <select class="form-control" id="cvalue">
                        <option value="1">Yes</option>
                        <option value="">No</option>
                    </select>
                </div>
                <div id="includediv" class="col-7 text-left d-none">
                    <button class="btn btn-primary" onclick="updatecserviceinclude();">Include to C-Service</button>
                </div>
            </div>
        </div>
        <div class="col-12" id="cservicediv">
            <table id="datatable1" class="table table-bordered mb-0">
                <thead>
                    <tr>
                        <th><input type="checkbox" id="selectall"> All </th>
                        <th>Loan No.</th>
                        <th>Lender </th>
                        <th>Parcel No</th>
                        <th>Agency</th>
                        <th>Year</th>
                        <th>Installment</th>
                        <th>Property Address</th>
                        <th>City</th>
                        <th>State</th>
                        <th>Zip</th>
                        <th>Status</th>
                        <th>Include C-Service</th>
                        <th>Added Date</th>
                    </tr>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".odtabs").not("#tab7").addClass('btn-outline-secondary');
		$("#tab7").addClass('btn-secondary');
        $(".odsecondtabs").not("#secondtab3").addClass('btn-outline-secondary');
        $("#secondtab3").addClass('btn-secondary');
	});
    var table = $('#datatable1').DataTable({
		responsive: true,
		dom: 'l<"toolbar">Bfrtip',
        buttons: [
            'excel'
        ],
		initComplete: function(){

		},
	   'columnDefs': [ {
			'targets': [9],
			'orderable': false,
		}]
    });
    // function updatecserviceinclude(cvalue,taxid)
    // {
    //     if(cvalue != "")
    //     {
    //         $.ajax({
    //                 type:'POST',
    //                 url:"{{route('updatecservice')}}",
    //                 data: {
    //                     "_token": "{{ csrf_token() }}",
    //                         "cvalue":cvalue,
    //                         "taxid": taxid
    //                 },
    //                 success: function(response)
    //                 {
    //                     new PNotify({
    //                         title: 'Success',
    //                         text:  response.msg,
    //                         type: 'success'
    //                     });
    //                     setTimeout(function(){  location.reload(); }, 800);
    //                 },
    //                 error:function(response)
    //                 {
    //                     new PNotify({
    //                     title: 'Error',
    //                     text:err,
    //                     type: 'error',
    //                     delay: 1000
    //                     });
    //                 }
	// 		    });

    //     }
    // }
    function getagencyfilteredliens(agencyid)
    {
        $.ajax({
                    type:'POST',
                    url:"{{route('filtercservice')}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                            "agencyid":agencyid
                    },
                    success: function(html)
                    {
                        $("#cservicediv").html("");
                        $("#cservicediv").html(html);
                        var table = $('#filtercservicetable').DataTable({
                        responsive: true,
                        dom: 'l<"toolbar">Bfrtip',
                        buttons: [
                            'excel'
                        ],
                        initComplete: function(){

                        },
                    'columnDefs': [ {
                            'targets': [9],
                            'orderable': false,
                        }]
                    });
                    }
                });
    }
    $("#selectall").on('change', function()
    {

        if($("#selectall").is(':checked'))
        {
            $(".checkloanclass").prop("checked", true).addClass('checkclass');

                $("#includediv").removeClass("d-none");
                $("#includedropdown").removeClass("d-none");

        }
        else
        {
            $(".checkloanclass").prop("checked", false).removeClass('checkclass');
             $("#includediv").addClass("d-none");
             $("#includedropdown").addClass("d-none");

        }

    });
    function updatecheckclass(id)
    {
        if($("#"+id).is(':checked'))
        {
            $("#"+id).prop("checked", true).addClass('checkclass');

                $("#includediv").removeClass("d-none");
                $("#includedropdown").removeClass("d-none");
        }
        else
        {
            $("#"+id).prop("checked", false).removeClass('checkclass');
            var totallength = $('.checkloanclass').length;
            var numberOfChecked = $('.checkloanclass:checked').length;
            if(totallength > numberOfChecked)
            {
                $("#selectall").prop("checked", false);

                 $("#includediv").removeClass("d-none");
                 $("#includedropdown").removeClass("d-none");

            }
            if(numberOfChecked == 0)
            {
                $("#selectall").prop("checked", false);

                $("#includediv").addClass("d-none");
                $("#includedropdown").addClass("d-none");

            }
        }
    }
    function updatecserviceinclude()
    {
        var cvalue = $("#cvalue").val();
        let taxids = $(".checkloanclass:checked")
                    .map(function (){
                    return $(this).val();
                }).toArray();
            $.ajax({
                    type:'POST',
                    url:"{{route('updatecservice')}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                            "taxids":taxids,
                            "cvalue":cvalue
                    },
                    success: function(response)
                    {

                        new PNotify({
                            title: 'Success',
                            text:  response.msg,
                            type: 'success'
                        });
                        setTimeout(function(){  location.reload(); }, 1000);
                    },
                    error:function(response)
                    {
                        new PNotify({
                        title: 'Error',
                        text:err,
                        type: 'error',
                        delay: 1000
                        });
                    }
                });
    }
</script>
@endsection