@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .adjust-emi-cl{
        margin-top: 4px;
        position: absolute;
        margin-left: 9px;
    }
</style>
<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">
                    Refund Payment
                </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

        @if(\Illuminate\Support\Facades\Session::has('Paytm_Payout|-27') && _env('payout') == 'paytm'))
            <div class="panel-group" style="position:relative;background-color: #f2f3f8;border-color: white;border-style: solid;margin-bottom: 9px;">
            <div class="panel panel-default">
                <div class="panel-heading payout_view_col" style="background-color: white;padding: 9px;margin-bottom: 3px;">
                    <h4 class="panel-title">
                        <a style="display: table-cell;padding-top: 3px;vertical-align: middle;font-size: 1.3rem;font-weight: 500;color: #575962;font-family: Roboto;">Payout Dashboard</a>
                        <span style="float: right;top: 11px;position: absolute;right: 18px;"><i style="font-size: 25px;" class="fa fa-angle-down"></i></span>
                    </h4>
                </div>
            </div>
        </div>
        @endif
        @if(isset($applications) && count($applications))
            <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">
                                Refund Payments
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__body">
                    <div class="m-section">
                        <div class="m-section__content">
                            <table class="table m-table">
                                <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Merchant</th>
                                    <th>Disburse Amount</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                <?php $user_id = \Illuminate\Support\Facades\Auth::user()->id; ?>
                                @foreach($applications as $application)
                                    <tr>
                                        <td>{!! $application['name'] !!}
                                            <div><a target="_blank" href="/admin/consumer-applications/edit/{!! $application['app_id'] !!}">View Application</a></div>
                                        @if($application['error_message'])<p><i class="fa fa-exclamation-triangle" style="color: red;" data-toggle="tooltip" data-placement="top" title="{!! $application['error_message'] !!}"></i> </p> @endif</td>
                                        <td>{!! $application['merchant_name'] or '-' !!}</td>
                                        <td>₹{!! $application['amount'] or '-' !!}</td>
                                        <td><button class="@if(empty($application['refund_status']))  @if($application['refund_maker_id'] != $user_id) disburse-app btn btn-primary @else btn btn-danger @endif @else btn btn-success @endif" data-app-id="{!! $application['app_id'] !!}" data-id="{!! $application['tr_id'] !!}">@if(!empty($application['refund_status']))
                                            {!! $application['refund_status'] !!} @else @if($application['refund_maker_id'] != $user_id) Disburse @else Unauthorized @endif @endif</button>

                                            @if(!isset($application['refund_status']) || (isset($application['refund_status']) && empty($application['refund_status'])))
                                                <button class="@if(empty($application['refund_status']))  reject-app btn btn-primary @else btn btn-success @endif" data-app-id="{!! $application['app_id'] !!}" data-id="{!! $application['tr_id'] !!}">@if(!empty($application['refund_status']))
                                                    {!! $application['refund_status'] !!} @else Reject @endif</button></td>
                                        @endif
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @else
            No Refund Left
            @endif
    </div>
</div>
@include("admin.layouts.footer")

<script>

    $(".reject-app").click(function(){
        if(window.confirm("Are you sure? Do you want to cancel the refund")){
            $(".init-loader").css({display: 'block'});
            var id = $(this).attr('data-id');
            var application_id = $(this).attr('data-app-id');

            var _token = '<?php echo csrf_token(); ?>';

            $(".init-loader").css({display: 'block'});
            $.ajax({
                type: 'POST',
                url: "/admin/disbursements/cancel-refund",
                data: {_token: _token, id: id, application_id: application_id},
                dataType: "JSON",
                success: function (response) {
                    alert(response.message);
                    $(".init-loader").css({display: 'none'});
                    window.location.href = '/admin/refund-disbursements';
                }
            });

        }
    });

    $(".disburse-app").click(function(){
       if(window.confirm("Are you sure? Do you want to refund the payment")){
           $(".init-loader").css({display: 'block'});
           var id = $(this).attr('data-id');
           var application_id = $(this).attr('data-app-id');

           var _token = '<?php echo csrf_token(); ?>';

           $(".init-loader").css({display: 'block'});
           $.ajax({
               type: 'POST',
               url: "/admin/disbursements/refund-initiate",
               data: {_token: _token, id: id, application_id: application_id},
               dataType: "JSON",
               success: function (response) {
                   alert(response.message);
                   $(".init-loader").css({display: 'none'});
                   window.location.href = '/admin/refund-disbursements';
               }
           });

       }
    });

    $(".disbursement_start").click(function(){

        let amount = parseFloat($("input[name='total_amount_to_adjusted']").val());

        if (parseFloat($("input[name='amount_to_be_adjusted']").val()) > amount){
            alert('Adjustable amount should be less than or equal to '+amount);
            return false;
        }


        let m_up_front_cf = $("input[name='m_up_front_cf']").val();
        let total_amount_to_disbursed = $("input[name='total_amount_to_disbursed']").val();
        let merchant_id = $("input[name='m_merchant_id']").val();
        let application_id = $("input[name='m_application_id']").val();
        let total_amount_adjusted = $("input[name='total_amount_to_adjusted']").val();
        let amount_to_be_adjusted = $("input[name='amount_to_be_adjusted']").val();
        let amount_to_be_adjust_in_next_dis = $("input[name='amount_to_be_adjust_in_next_dis']").val();
        let m_emi_amount_adjusted = $("input[name='m_emi_amount_adjusted']").val();
        let is_cancellation_adjusted = 1;
        disburseApplication({processed_payments:processed_payments, m_up_front_cf:m_up_front_cf, emiAdjusted:emiAdjusted, m_emi_amount_adjusted:m_emi_amount_adjusted, amount_to_be_adjust_in_next_dis:amount_to_be_adjust_in_next_dis, total_amount_adjusted:total_amount_adjusted , total_amount_to_disbursed:total_amount_to_disbursed, merchant_id:merchant_id, application_id:application_id, is_cancellation_adjusted:is_cancellation_adjusted, amount_to_be_adjusted:amount_to_be_adjusted});
    });

    function disburseApplication(API_DATA){


        var _token = '<?php echo csrf_token(); ?>';
        var created_by = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
        API_DATA['_token'] = _token;
        API_DATA['disbursement_data'] = disbursement_data;
        API_DATA['created_by'] = created_by;
        API_DATA['ids'] = ids;
        $(".init-loader").css({display: 'block'});
        $.ajax({
            type: 'POST',
            url: "/admin/disbursements/disbursement-start",
            data: API_DATA,
            dataType: "JSON",
            success: function (response) {
                API_DATA = [];
                $(".init-loader").css({display: 'none'});
                window.location.href = '/admin/disbursements';
            }
        });
    }

    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>