@extends('layouts.app')
@section('title', 'Portfolio List')

@section('content')
<div class="container-fluid mt-1">
    <x-setting_tabs/>
    <style type="text/css">
        .rowactvie
        {
            background-color: #f4363626;
        }
    </style>
    <div class="col-lg-12" id="table_div">
        <div class="card ">
            <div class="p-0">
                    <table id="datatable1" class="table table-bordered mb-0"  >
                        <thead>
                            <tr>
                                <!-- <th>Sl No</th> -->
                                <th>Loan No.</a></th>
                                <th>Borrower Name</th>
                              
                                <th>Portfolio Id</th>
                                <th>City</th>
                                <th>State</th>
                                <th>County</th>
                                <th>Zip</th>
                                <th>Service Type</th>
                               
                                <th>Status</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                                                         @forelse($tble_list as $tb_row)
                            @php $len = strlen($tb_row->loan_no);
                                if($len < 10)
                                {
                                    $cls = "rowactvie";
                                }
                                else
                                {
                                    $cls = "";
                                }
                            @endphp
                            <tr  >
                              
                                <td class="{{$cls }}">{{ $tb_row->loan_no }}</td>
                                <td class="{{$cls }}">{{ $tb_row->borrower_name }}</td>
                                <td class="{{$cls }}">{{ $tb_row->getloanSetup['portfolio_id'] }}</td>
                               <td class="{{$cls }}">{{ $tb_row->city}}</td>
                               <td class="{{$cls }}">{{ isset($tb_row->getState) ? $tb_row->getState->short_code : ""}}
                               </td>
                               <td class="{{$cls }}">{{ isset($tb_row->getCounty) ? $tb_row->getCounty->county_name : ""}}
                               </td>
                               <td class="{{$cls }}">{{ $tb_row->zip}}</td>
                               <td class="{{$cls }}">{{ isset($tb_row->getServiceType) ? $tb_row->getServiceType->service_type_name : ""}}</td>
                               <td class="{{$cls }}">{{ $tb_row->getStatus->status}}</td>
                                
                            </tr>
                            @empty
                            @endforelse
                        </tbody>
                    </table>
                </div>
        </div>
    </div>
    <div class="col-lg-12 d-none" id="frm_div">
        <div class="card ">
            <div id="append_data"></div>
        </div>
    </div>

</div>
@endsection
@section('script')
<x-alert/>

<script type="text/javascript">

    $(document).ready(function() {
        $(".odtabs").not("#tab17").addClass('btn-outline-secondary');
        $("#tab17").addClass('btn-secondary');
        var table = $('#datatable1').DataTable({
        responsive: true,
        dom: 'l<"toolbar">Bfrtip',
        buttons: [
            
        ],
        "order": [],
        initComplete: function(){
            $("div.toolbar").html('<button  type="button" class="mt-2 ml-2 btn btn-primary"  onclick="changeid()">&nbsp;Update Loan No.</button><br />');
        }
    });
    });
    function changeid()
    {
        var url = '/changeloanid/';
        $.ajax({
            type:'GET',
            url:url,
            dataType:'html',
            success:function(data)
            {

                new PNotify({
                    title: 'Success',
                    text: data,
                    type: 'success'
                });
                 setTimeout(function(){  location.reload(); }, 1200);

            }
        });
    }
   
    </script>
@endsection