@extends('layouts.app')
@section('title', 'Service Type Update')
@section('content')
<style>
    th
    {
        color:#fff !important;
    }
</style>
<div class="m-0 p-0">
    <div class="container-fluid mt-1 pt-2" id="parcelinfodiv">
        <div class="row p-0 m-0">
            <div class="col-lg-3 col-sm-12 col-xl-3 col-md-3">
                <select id="clientsdrop" class="form-control float-right forminputfields fnSize" onchange="get_lenders_by_client(this.value);">
                    <option value="">Filter By Client</option>
                    @if(isset($clients))
                        @foreach($clients as $client_data)
                            <option value="{{ $client_data->id }}">{{ $client_data->client_name }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="col-lg-3 col-sm-12 col-xl-3 col-md-3">
                <select id="lendersdrop" class="form-control float-right forminputfields fnSize">
                        <option value="">Select Client First</option>
                </select>
            </div>
            <div class="col-lg-3 col-sm-12 col-xl-3 col-md-3">
                <button type="button" class="btn btn-primary" style="font-size:12px !important;" onclick="getloansoflender();">Submit</button>
            </div>
        </div>
        <div style="width:100%" id="lenderinfodiv" class="p-0 m-0">

        </div>
    </div>
</div>
<script>
    function get_lenders_by_client(clientid)
    {
        if(clientid != "")
        {
            $.ajax({
                type: "POST",
                url: "{{route('clientslender')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "clientid":clientid
                    },
                success: function(html)
                {
                    $("#lendersdrop").html(html);
                }
            });
        }
    }
    function getloansoflender()
    {
        var clientid = $("#clientsdrop").val();
        var lenderid = $("#lendersdrop").val();
        $.ajax({
                type: "POST",
                url: "{{route('clientlenderloans')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "clientid":clientid,
                        "lenderid":lenderid
                    },
                success: function(html)
                {
                    $("#lenderinfodiv").html(html);
                    var setup1 = $('#taxsevicetable').DataTable({
                        "paging": true,
                        "info": true,
                        searching: true,
                    });
                }
            });
    }
    function showservicetypeupdate(loanid,servicetype)
    {
        $.ajax({
                type: "POST",
                url: "{{route('viewloanlieninfo')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "loanid":loanid,
                        "servicetype":servicetype
                    },
                success: function(html)
                {
                    $("#lenderinfodiv").html("");
                    $("#parcelinfodiv").html(html);
                }
            });
    }
    function updateservicetype(loanid)
    {
        var servicetype= $("#newservicetype").val();
        var comments = $("#comments").val();
        $.ajax({
                type: "POST",
                url: "{{route('updateservicetypeofloan')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "loanid":loanid,
                        "servicetype":servicetype,
                        "comments":comments
                    },
                success: function()
                {
                    location.href = location.href;
                }
            });
    }
 </script>
@endsection