@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">
                    OneFin Dashboard
                </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">
                            OneFin Dashboard
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <form action="/admin/consumer-application/one-fin-dashboard" method="get">
                    <div class="row" style="padding-bottom: 10px;">
                        <div class="col-md-2">
                            <input class="form-control" name="id" placeholder="Search By AppID"/>
                        </div>
                        <div class="col-md-2">
                            <input class="form-control" name="name" placeholder="Search By Name"/>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="form-control btn btn-primary">Search</button>
                        </div>
                        <div class="col-md-2">
                            <a href="/admin/consumer-application/one-fin-dashboard" class="form-control btn btn-accent">Clear</a>
                        </div>
                    </div>
                </form>
                <div class="m-section">
                    <div class="m-section__content">
                        @if(@count($applications) > 0)
                        <table class="table m-table merchant-form">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($applications as $key => $application)
                                    <tr>
                                        <td>{!! $application->id !!}</td>
                                        <td>{!! ucfirst($application->name) !!}</td>
                                        <td><a class="view-status" data-id="{!! $application->id !!}" href="javascript:void(0);"><i style="padding-right: 10px;cursor: pointer;" class="fa fa-eye"></i></a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                </div>
                <div class="text-center">
                    {!!$applications->appends(\Request::except('page', '_token'))->render()!!}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade bd-example-modal-lg" id="view-status-model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
    <div class="modal-content">
            <div class="modal-body">
                <table class="table onefin-d-tbody">

                </table>
            </div>
            <div class="modal-footer" style="padding: 5px;">
                <button type="button" class="btn btn-primary push_to_onefin">Push</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")

<script>
    $(document).on("click", "a.view-status",function () {
        getOneFinStatus($(this).attr('data-id'))
    });

    $(document).on("click", ".push_to_onefin",function () {
        pushToOneFin($(this).attr('data-id'));
    });

    function getOneFinStatus(id){
        $(".init-loader").css({display:'block'});
        let _token = '<?php echo csrf_token(); ?>';

        $.ajax({
            type: 'POST',
            url: "/admin/consumer-application/get-onefin-status",
            data: {
                _token: _token,
                id:id
            },
            dataType: "JSON",
            success: function (response) {
                if(response.status == 'OK') {
                    $(".init-loader").css({display: 'none'});
                    $(".push_to_onefin").attr('data-id', id);
                    var modal = $("#view-status-model");
                    modal.find('.onefin-d-tbody').html(response.data);
                    modal.attr('data-id', id);
                    modal.modal("show");
                }else{
                    alert(response.message);
                }
            }
        });
    }

    function pushToOneFin(id){
        if(window.confirm('Are you sure? Do you want to push this case to onefin?')) {
            $(".init-loader").css({display:'block'});
            let _token = '<?php echo csrf_token(); ?>';

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