@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .panel-heading {
        background-color: #f1f1f1;
        border: 1px solid #e0dfe0;
        padding-left: 10px;
        padding-top: 6px;
        cursor: pointer;
    }
    .panel-default{
        padding-bottom: 4px;
    }
    .panel-collapse{
        background-color: #ffffff;
        padding: 10px;
        border: 1px solid #dedada;
    }
</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">
                    Nach
                </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-object-ungroup"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Nach
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="col-md-12">
                    <form action="{{asset('admin/nach')}}" method="post" id="search_course" name="search_course" class="form-horizontal">
                        <input name="_token" value="{{ csrf_token() }}" type="hidden">
                        <input name="status" id="status" value="" type="hidden"/>
                        <div class="row" style="padding-bottom: 10px;margin-left: -32px;padding-top: 10px;">
                            <div class="col-md-2">
                                <input type="text" name="from_date" id="fl_from_date" class="form-control" placeholder="From Date" value="{{Request::old('from_date', $from_date)}}" autocomplete="off"/>
                            </div>
                            <div class="col-md-2">
                                <input type="text" name="to_date" id="fl_to_date" class="form-control" placeholder="To Date" value="{{Request::old('to_date', $to_date)}}" autocomplete="off"/>
                            </div>
                            <div class="col-md-2 search-for-consumer">
                                <button type="submit" id="search" style="background-color: #42d9e4;cursor: pointer;color: white;" class="form-control">Search</button>
                            </div>
                            <div class="col-md-3">
                                <div class="btn btn-primary" onclick="return window.location = '/admin/nach';">Clear Filter</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="m-section">
                    <div class="m-section__content">
                        @if(@count($lenders) > 0)
                        <table class="table m-table merchant-form">
                            <thead>
                                <tr>
                                    <th>Lenders</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach($lenders as $lender)
                            <tr>
                                <td>
                                    <div class="panel-group" id="accordion">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse{!! $lender->id !!}">
                                                    <a style="font-size: 16px;">{!! $lender->name !!}</a> <i class="la la-plus-circle" style="float: right;padding-right: 8px;padding-top: 5px;"></i>
                                                </h4>
                                            </div>
                                            <div id="collapse{!! $lender->id !!}" class="panel-collapse collapse">
                                                <div class="panel-body">
                                                    @if(count($lender->nachApplications) > 0)
                                                    <table style="font-family: sans-serif;width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>Name</th>
                                                            <th>Email</th>
                                                            <th>Amount</th>
                                                            <th>EMI Date</th>
                                                            <th>Application</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($lender->nachApplications as $application)
                                                        <tr>
                                                            <td>{!! ucwords(strtolower($application->name)) !!}</td>
                                                            <td>{!! $application->email !!}</td>
                                                            <td><?php echo (isset($application->emi['emi'])) ? '&#8377;'.$application->emi['emi'] : ''; ?></td>
                                                            <td><?php echo (isset($application->emi['emi_date'])) ? date('F d, Y',strtotime($application->emi['emi_date'])) : ''; ?></td>
                                                            <td><a class="btn btn-primary" href="/admin/consumer-applications/edit/{!! $application->id !!}" target="_blank">Go To Application</a></td>
                                                        </tr>
                                                        @endforeach
                                                        <tr>
                                                            <td colspan="5"><div data-lender-id="{!! $lender->id !!}" class="btn btn-primary send_nach_to_bank" data-type="send">Send Nach To {!! $lender->bank_details->bank_name !!}</div>
                                                                <div data-lender-id="{!! $lender->id !!}" class="btn btn-success send_nach_to_bank" data-type="download">Download Nach Excel File</div>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    @else
                                                        <b><center>No Data Found</center></b>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                </div>
                <div class="text-center">
                    {!!$lenders->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>
    $(".send_nach_to_bank").click(function(){
        var _token = '<?php echo csrf_token(); ?>';
        var event = $(this);
        var id = $(this).attr('data-lender-id');
        var type = $(this).attr('data-type');
        if(type === 'download'){
            event.html('Downloading Nach..');
            window.location.href = '/admin/nach-system/send?lender_id='+id+"&type="+type;
            return true;
        }else{
            event.html('Sending Nach..');
        }
        $.ajax({
            type: 'POST',
            url: "/admin/nach-system/send",
            data: {
                _token: _token,
                lender_id:id,
                type:type
            },
            dataType: "JSON",
            success: function (response) {
                if(response.status === 'OK') {
                    if(type === 'download') {
                        event.html('Nach downloaded successfully');
                    }else{
                        event.html('Nach sent successfully');
                    }
                    return true;
                }
                event.html('Send Nach');
                alert('Something went wrong');
            }
        });
    });
</script>