@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Vendor Integration
                </h3>
            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            {{ Session::get('success') }}
        </div>
        @endif
        @if(Session::has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            {{ Session::get('error') }}
        </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-group"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Vendors
                        </h3>
                    </div>
                </div>
                <div class="m-portlet__head-tools">
                    <a href="{{ asset('admin/vendor/add') }}" class="btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
                        <span>
                           Add Vendors
                        </span>
                    </a>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-section">
                    <div class="m-section__content">
                        @if(@count($vendors) > 0)
                        <table class="table m-table merchant-form">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($vendors as $key => $vendor)
                                    <tr>
                                        <td>{!! ucfirst($vendor->name) !!}</td>
                                        <td><?php echo $vendor->status == 1 ? 'Active' : 'Inactive'; ?></td>
                                        <td><a href="/admin/vendor/edit/{!! $vendor->id !!}"><i style="padding-right: 10px;cursor: pointer;" class="fa fa-edit"></i></a><?php if(isset($vendor->status) && $vendor->status){ ?><a href="/admin/vendor/api/{!! $vendor->id !!}"><i style="cursor: pointer;" class="fa fa-bell"></i></a><?php } ?></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                </div>
                <div class="text-center">
                    {!!$vendors->appends(\Request::except('page', '_token'))->render()!!}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="createCategory" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content" style="width: 405px;">
            <div class="modal-header" style="padding:5px">
                <h4 class="modal-title">Create Category</h4>
            </div>
            <div class="modal-body">
                <span class="createCategory_loading" style="display: none;position: absolute;right: 32px;margin-top: 6px;"><img src="/assets/front/img/loading.gif"/></span>
                <input type="text" placeholder="Enter Merchant Category" id="merchant_category_name" class="form-control"/>
                <span id="error-category-create" style="color: red;font-size: 11px;position: absolute;padding-top: 3px;margin-left: 1px;"></span>
            </div>
            <div class="modal-footer" style="padding: 5px;">
                <button type="button" class="btn btn-primary add_merchant_category">Create</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).on("click", "a.fetch-utr",function () {

        var _token = '<?php echo csrf_token(); ?>';
        var user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
        var id = $(this).attr('data-lender-id');
        $(".generic-loader-"+id).css({'display':'block'});

        $.ajax({
            type: 'POST',
            url: "/admin/consumer-application/fetch-avanse-utr",
            data: {_token: _token, user_id: user_id},
            dataType: "JSON",
            success: function (response) {
                $(".generic-loader-"+id).css({'display':'none'});
                alert(response.message)
                //window.location.reload();
            }
        });
    });
</script>