@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    table{
        width: 100%;
        font-family: Arial;
    }
    .emi-form > thead > tr > th{
        font-weight: 600 !important;
    }
    h4.panel-title > a{
        font-size: 14px;
        color: #5f5a5a !important;
    }
</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">
                    Account Aggregator Report
                </h3>
            </div>
        </div>
    </div>
<?php setlocale(LC_MONETARY, 'en_IN.UTF-8'); ?>
<!-- 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-file-text-o"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Account Aggregator Report
                        </h3>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="wrapper">
                    <table style="margin-top: 20px;">
                        <tr>
                            <td><code>Set Frequency For Auto-Fetch (Subsidy Collection): Every <input style="/* padding: 8px; */border-color: red;border-width: 1px;border-style: dashed;width: 20px;text-align: center;" value="{!! $default_frequency !!}" id="change_frequency"> days after Disbursement</code></td>
                        </tr>
                    </table>

                    <div class="py-4 form-block my-3 px-3">


                        <div id="accordion">

                            @if(!$data)
                                <div style="text-align: center;">No Active AA Monitoring</div>
                            @endif

                            @foreach($data as $index => $item)
                            <div>
                                <div id="heading{!! $index !!}">
                                    <h5 class="mb-0">
                                        <div>
                                            <table class="table" style="font-size: 14px;">
                                                <tr>
                                                    <td>ID</td>
                                                    <td>Name</td>
                                                    <td>Fetched At</td>
                                                    <td>Status</td>
                                                    <td>Next Fetch Date</td>
                                                    <td style="text-align: center;">Subsidy Received</td>
                                                </tr>
                                                <tr>
                                                    <td>{!! $item['id'] !!}</td>
                                                    <td>{!! $item['name'] !!}</td>
                                                    <td>{!! $item['fetched_at'] !!}</td>
                                                    <td>{!! $item['status'] !!}</td>
                                                    <td><input type="text" name="next_fetch_date" id="fl_from_date_{!! $index !!}" value="{!! $item['next_fetch_date'] !!}" data-id="{!! $item['account_aggregator_monitoring_id'] !!}" placeholder="Next Fetch Date" class="form-control in_lb" data-required="1" autocomplete="off"/></td>
                                                    <td>
                                                        <div class="row container">
                                                            <div class="col-md-6">
                                                                <button class="btn btn-primary w-100 me-2 subsidy_received_update" data-type="1" data-id="{!! $item['account_aggregator_monitoring_id'] !!}">Yes</button>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <button class="btn btn-danger w-100 subsidy_received_update" data-type="2" data-id="{!! $item['account_aggregator_monitoring_id'] !!}">No</button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="7" style="position:relative;">
                                                        <span data-toggle="collapse" data-target="#collapse{!! $index !!}" aria-expanded="true" aria-controls="collapse{!! $index !!}" style="position: absolute;top: -8px;" class="fa fa-arrow-circle-down"></span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </h5>
                                </div>

                                <div id="collapse{!! $index !!}" class="collapse" aria-labelledby="heading{!! $index !!}" data-parent="#accordion">
                                    <div class="card-body" id="child_heading{!! $index !!}">
                                        @if($item['reports'])
                                            <table class="table-striped">
                                            <tr>
                                                <td>Bank Name</td>
                                                <td>Account Number</td>
                                                <td>Period</td>
                                                <td>Subsidy Received?</td>
                                            </tr>
                                            @foreach($item['reports'] as $index_c => $report)
                                            <tr>
                                                <td>{!! $report['bank_name'] !!}</td>
                                                <td>{!! $report['account_number'] !!}</td>
                                                <td>{!! $report['period'] !!}</td>
                                                <td style="text-align: center;color: white; @if($report['subsidy_flag'] == 'No') background-color: red; @else background-color: green; @endif">{!! $report['subsidy_flag'] !!}</td>
                                            </tr>
                                            <tr>
                                                <td colspan="7">
                                                    <div id="accordion_child_{!! $index !!}_{!! $index_c !!}">
                                                    <div style="position: relative;" data-toggle="collapse" data-target="#child_collapse{!! $index !!}_{!! $index_c !!}" aria-expanded="true" aria-controls="child_collapse{!! $index !!}_{!! $index_c !!}">
                                                        <span style="position: absolute;top: -8px;" class="fa fa-arrow-circle-down"></span>
                                                    </div>
                                                        <div style="overflow-y: scroll;" id="child_collapse{!! $index !!}_{!! $index_c !!}" class="collapse" aria-labelledby="child_heading{!! $index !!}" data-parent="#accordion_child_{!! $index !!}_{!! $index_c !!}">
                                                            <div class="card-body" style="height: auto;max-height:500px;">
                                                                @if(count($report['transactions']) > 0)
                                                                <table>
                                                                    <tr>
                                                                        <td>Type</td>
                                                                        <td>Mode</td>
                                                                        <td>Amount</td>
                                                                        <td>TransactionTimestamp</td>
                                                                        <td>TxnId</td>
                                                                        <td>Narration</td>
                                                                    </tr>
                                                                    @foreach($report['transactions'] as $transaction)
                                                                        <tr>
                                                                            <td>{!! $transaction['type'] !!}</td>
                                                                            <td>{!! $transaction['mode'] !!}</td>
                                                                            <td>{!! $transaction['amount'] !!}</td>
                                                                            <td>{!! $transaction['transactionTimestamp'] !!}</td>
                                                                            <td>{!! $transaction['txnId'] !!}</td>
                                                                            <td>{!! $transaction['narration'] !!}</td>
                                                                        </tr>
                                                                    @endforeach
                                                                </table>
                                                                @else
                                                                    <div style="text-align: center;">No Transactions</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                             @endforeach
                                        </table>
                                        @else
                                            <span style="text-align: center;color: red;">No Transactions Found</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                                @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include("admin.layouts.footer")

<script>
    $(".subsidy_received_update").click(function(){
       let is_subsidy_received = $(this).attr('data-type');
       let account_aggregator_monitoring_id = $(this).attr('data-id');

        if(window.confirm('Are you sure? Do you want to update subsidy status?')){
            let _token = '<?php echo csrf_token(); ?>';
            $(".init-loader").css({display:'block'});
            $.ajax({
                type: 'POST',
                url: "/admin/collection/account-aggregator-report/monitoring-update",
                data: {is_subsidy_received: is_subsidy_received, account_aggregator_monitoring_id: account_aggregator_monitoring_id, _token: _token},
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display:'none'});
                    alert(response.message);
                    if(response.status == 'OK'){
                        window.location.reload();
                    }
                }
            });
        }
    });

    $("input[name='next_fetch_date']").change(function(){

        let account_aggregator_monitoring_id = $(this).attr('data-id');
        let next_fetch_date = $(this).val();

        const today = new Date();
        const year = today.getFullYear();
        const month = today.getMonth();
        const day = today.getDate();
        const formattedDate = `${year}-${(month + 1).toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;

        if(next_fetch_date.length === 10 && next_fetch_date >= formattedDate) {

            let _token = '<?php echo csrf_token(); ?>';
            $(".init-loader").css({display: 'block'});
            $.ajax({
                type: 'POST',
                url: "/admin/collection/account-aggregator-report/monitoring-update-fetch-date",
                data: {
                    account_aggregator_monitoring_id: account_aggregator_monitoring_id,
                    next_fetch_date: next_fetch_date,
                    _token: _token
                },
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display: 'none'});
                }
            });
        }
    });

    $("input#change_frequency").change(function(){

        let frequency = $(this).val();

        let _token = '<?php echo csrf_token(); ?>';
        $(".init-loader").css({display:'block'});
        $.ajax({
            type: 'POST',
            url: "/admin/collection/account-aggregator-report/monitoring-change-frequency",
            data: {frequency: frequency, _token: _token},
            dataType: "JSON",
            success: function (response) {
                $(".init-loader").css({display:'none'});
            }
        });
    });


        let datepicker = '';
        <?php foreach($data as $index => $item){ ?>

        datepicker = $("#fl_from_date_<?php echo $index; ?>");
        if (datepicker.length > 0) {
            datepicker.datepicker({
                format: 'yyyy-mm-dd',
                orientation: "bottom",
                startDate: new Date()
                //todayHighlight: true,
            });

            datepicker.on('show', function (e) {
                // Get current value
                const currentVal = datepicker.val();
                if (!currentVal) {
                    datepicker.datepicker('setDate', '<?php echo $item['next_fetch_date']; ?>');
                }
            });

            datepicker.on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });
        }
    <?php } ?>
</script>