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

@section('content')
<div class="container-fluid mt-1">
	<x-setting_tabs/>
	<div class="col-lg-12" id="table_div">
        <div class="card ">
        	<div class="p-0">
                    <table id="taxsevicetable" class="table table-bordered mb-0">
                        <thead>
                            <tr>
                                <th>Sl No</th>
                                <th>Portfolio Id</th>
                                <th>Client Id</th>
                                <th>Lender Id</th>
                                <th>Portfolio Type</th>
                                <th>Service Type</th>
                                <th>Client PF</th>
                                <th>Import Type </th>
                                <th>Status</th>
                                <th>No of Loans</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                                                         @forelse($tble_list as $tb_row)
                        	<tr>
                                <td>{{$i++}}</td>
                                <td> <b class="text-primary"> <span >{{ $tb_row->portfolio_id }} </span>&nbsp;<a href="{{route('portfolioLoanList',$tb_row->id)}}"><i class="fa-solid fa-eye"></i></a></b></td>
                                <td>{{ isset($tb_row->getClient) ?$tb_row->getClient['client_name']: " " }}</td>
                                <td>{{ isset($tb_row->getLender) ?$tb_row->getLender['lender_name']: " " }}</td>

                                <td>{{ isset($tb_row->getPortfolioType) ?$tb_row->getPortfolioType['portfolio_type_name']: " " }}</td>
                                <td>{{ isset($tb_row->getServiceType) ?$tb_row->getServiceType['service_type_name']: " " }}</td>
                                <td>{{ $tb_row->client_pf_name }}</td>
                                <td>{{ isset($tb_row->getImportType) ?$tb_row->getImportType['import_type_name']: " " }}</td>
                                 <td>
                                    @if($tb_row->is_active==1)
                                        <span class="badge rounded-pill bg-primary">Active</span>
                                    @else
                                        <span class="badge rounded-pill bg-danger">Inactive</span>
                                    @endif
                                    </td>
                                <td>{{ $tb_row->success_import_cnt }}</td>
                                <td><img class="menuicon" onclick="edit('{{ $tb_row->id }}')" src="{{asset('app-assets/assets/images/edit.svg')}}" ></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">
 $(function() {

        var setup1 = $('#taxsevicetable').DataTable({
            responsive: true,
		    dom: 'lBfrtip',
            "paging": true,
            "info": false,
            searching:true,
            buttons: [
            'excel'
            ]        });
    });
	$(document).ready(function() {
		$(".odtabs").not("#tab13").addClass('btn-outline-secondary');
		$("#tab13").addClass('btn-secondary');
	});
    function edit(id)
    {
        $("#table_div").addClass('d-none');
        $("#frm_div").removeClass('d-none');
        var url = '/portfolioEdit/'+id;
        $.ajax({
            url:url,
            dataType:'html',
            success:function(data)
            {
                $("#append_data").html('');
                $("#append_data").html(data);

            }
        });
        return false;
    }
    function updateData()
    {
        if ($("#editFrm").parsley())
        {
            if ($("#editFrm").parsley().validate()) {
            event.preventDefault();
            if ($("#editFrm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: "{{ route('updateportfolioDt') }}",
                    data: new FormData($("#editFrm")[0]),
                    processData: false,
                    contentType: false,
                    success: function(response) {

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

                    },
                    error:function(response) {
                        var err = "";
                        $.each(response.responseJSON.errors,function(field_name,error){
                            err = err +'<br>' + error;
                        });
                        new PNotify({
                            title: 'Error',
                            text:err,
                            type: 'error',
                            delay: 2000
                        });
                    }
                });
            }
        }
        }
    }

	</script>
@endsection