@extends('layouts.app')
@section('title', 'WaterstoneCompare')

@section('content')
<div class="container-fluid mt-1">
    <div class="row">
        <div class="col-4">
            <select class="form-control" onchange="showfilterview(this.value);">
                <option  value="1">Matching</option>
                <option  value="2">Only Waterstone</option>
                <option  value="3">Only Ztax</option>
            </select>
        </div>
    </div>
	<div class="col-lg-12 mt-2">
        <div class="card ">
            <div class="card-body">
                <div class="p-0">
                    <table id="datatable" class="table table-bordered mb-0"  >
                        <thead>
                            <tr>
                                <th>Loans</th>
                            </tr>
                        </thead>
                        <tbody>
                                                    </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	 var table = $('#datatable').DataTable({
		responsive: true,
        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
		dom: 'lBfrtip',
        buttons: [
            'excel'
        ]
    });
     function showfilterview(filter)
     {
        if(filter == "")
        {
            filter = 1;
        }
        location.href = '/waterstonecompare/'+filter;
     }
</script>
@endsection