@extends('backend.layouts.master')
@push('css')
<link rel="stylesheet" href="{{ asset('admin/plugins/daterangepicker/daterangepicker.css') }}">
<style>

   td.row-design a{
    margin-bottom :5px!important;
   }
   td.row-design span{
    margin-bottom :5px!important;
   }
    .loader{
        position: fixed;
        left: 50%;
        top: 50%;
        display: none;
        background: transparent url("{{ asset('images/site-loader.svg') }}");
        z-index: 1000;
        height: 31px;
        width: 31px;
    }
    .btn.disabled {
        pointer-events: all !important;
    }
</style>
@endpush
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        @include('backend.common-views.messages')
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                        <li class="breadcrumb-item active">Manage Subscription</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Manage Subscription</h3>
                            <div class="d-flex justify-content-end">
                                <div>
                                    <form action='{{ route('download.excel') }}' class="form-inline">
                                        <div class="form-group">
                                            <label>Export Date range:</label>&nbsp;

                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                    <i class="far fa-calendar-alt"></i>
                                                    </span>
                                                </div>
                                                <input type="text" name="date-range" class="form-control float-right" id="reservation">
                                                <input type="hidden" name="subscription-type" value="2">
                                            </div>
                                        </div>
                                        <div class="form-group ml-2">
                                            <button type="submit" class="btn btn-outline-success btn-flat">Download Excel</button>
                                        </div>
                                    </form>
                                </div>
                                <div>
                                    <a href="{{route('admin.subscription-detail.trash','directEquity')}}"
                                        class="btn btn-outline-primary ml-2 btn-flat"><i class="fa fa-trash-restore"></i> Trash</a>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>SR No</th>
                                        <th>Date</th>
                                        <th>Name of Investor</th>
                                        <th>Email</th>
                                        <th>PAN no.</th>
                                        <th>Mobile no.</th>
                                        <th>Subscription Type</th>
                                        <th>Subscription Action</th>
                                        <th>Invoice Action & Downloads</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=0;
                                    @endphp
                                    @foreach ($subscription_details as $subscription_detail)
                                        <tr>
                                            <td>{{++$i}}</td>
                                            <td data-order="{{ date('Y-m-d', strtotime($subscription_detail->created_at)) }}">{{date("d-m-Y", strtotime($subscription_detail->created_at)) }}</td>
                                            <td>{{ $subscription_detail->name_of_investor}}</td>
                                            <td>{{ $subscription_detail->email}}</td>
                                            <td>{{ $subscription_detail->pan_no}}</td>
                                            <td>{{ $subscription_detail->mobile_no}}</td>
                                            <td>
                                                @if($subscription_detail->subscription_type == 1)
                                                    <span class="badge badge-success">Company</span>
                                                @else
                                                    <span class="badge badge-success">Individual</span>
                                                @endif
                                            </td>
                                            <td class="row-design text-center">
                                                <div class="btn-group dropstart">
                                                    <a href="#" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false" class="subscription">
                                                        <span class="fas fa-ellipsis-v text-muted"></span>
                                                    </a>
                                                    <ul class="dropdown-menu subscription-wrapper" aria-labelledby="dropdownMenuButton">
                                                        <li>
                                                            <a href="{{ route('admin.show-details',$subscription_detail->id)}}" class="dropdown-item" title="View">
                                                                View Subscription
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="{{ route('admin.edit-subscription',$subscription_detail->id)}}" class="dropdown-item" title="Edit">
                                                                Edit Subscription
                                                            </a>
                                                        </li>
                                                        @if($subscription_detail->is_verified_by_admin == 0)
                                                            <li>
                                                                <a class="verify-admin-button dropdown-item cursor-pointer" id="{{ $subscription_detail->id }}" data-toggle="modal" data-target="#modal-default" title="Verification Pending">
                                                                    Verify Subscription
                                                                </a>
                                                            </li>
                                                        @else
                                                            <li>
                                                                <span class="dropdown-item disabled"  title="Verified" >
                                                                    Subscription Verified
                                                                </span>
                                                            </li>
                                                        @endif
                                                        @if($subscription_detail->is_payment_received == 0)
                                                            @if($subscription_detail->is_verified_by_admin == 0)
                                                                <li>
                                                                    <a class="disabled dropdown-item" title="Confirm Payment">
                                                                        Confirm Payment
                                                                    </a>
                                                                </li>
                                                            @else
                                                                <li>
                                                                    <a href="{{ route('admin.payment-received',$subscription_detail->id)}}" class="payment-received-button dropdown-item cursor-pointer" data-toggle="modal" data-target="#invoice-modal" title="Confirm Payment" id="invoice_{{ $subscription_detail->id }}">
                                                                        Confirm Payment
                                                                    </a>
                                                                </li>
                                                            @endif
                                                        @else
                                                            <li>
                                                                <span title="Payment Received" class="dropdown-item disabled">
                                                                    Payment Received
                                                                </span>
                                                            </li>
                                                        @endif
                                                        <li>
                                                            <a href="{{ route('admin.delete-subscription',$subscription_detail->id)}}" class="dropdown-item" onclick="return confirm('Are you sure you want to delete this entry?')" title="Delete">
                                                                Delete Subscription
                                                            </a>
                                                        </li>
                                                        @if($subscription_detail->is_verified_by_admin !== 0)
                                                            <li>
                                                                <a class="dropdown-item generate-invoice cursor-pointer" id="{{ $subscription_detail->id }}" data-toggle="modal" data-target="#direct-generate-invoice" title="Generate Invoice" data-user-id="{{$subscription_detail->user_id}}">
                                                                    Generate Invoice
                                                                </a>
                                                            </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="row-design text-center">
                                                <div class="btn-group dropstart">
                                                    <a href="#" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false" class="subscription">
                                                        <span class="fas fa-ellipsis-v text-muted"></span>
                                                    </a>
                                                    <ul class="dropdown-menu subscription-wrapper" aria-labelledby="dropdownMenuButton">
                                                        @if($subscription_detail->is_verified_by_admin == 1)
                                                            <li>
                                                                <a href="#" onclick="event.preventDefault();" class="invoice-details dropdown-item" title="Edit" data-toggle="modal" data-target="#modal-default-2" id="{{ $subscription_detail->id}}">
                                                                Edit invoice
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a type="button" class="@if($subscription_detail->is_payment_received == 0) disabled @endif dropdown-item" title="View Invoice History" onclick="ViewInvoiceLogHistory({{$subscription_detail->id}});">
                                                                    View Invoice
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="{{ route('admin.download.agreementpdf',$subscription_detail->id)}}" target="_blank" title="Download Agreement" class="dropdown-item">
                                                                    Download Agreement
                                                                </a>
                                                            </li>
                                                        @else
                                                            <li>
                                                                <a href="#" onclick="event.preventDefault();" class="disabled dropdown-item" title="edit">
                                                                    Edit invoice
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#" class="disabled dropdown-item" title="View Invoice History">
                                                                    View Invoice
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#" class="disabled dropdown-item" title="Download Agreement">
                                                                    Download Agreement
                                                                </a>
                                                            </li>
                                                        @endif
                                                        <li>
                                                            <a href="{{ route('admin.download.riskprofilingpdf',$subscription_detail->id)}}" target="_blank" title="Download Risk Profiling Pdf" class="dropdown-item">
                                                                Download Risk Profiling Pdf
                                                            </a>
                                                        </li>
                                                        @if(in_array($subscription_detail->user_id,$user))
                                                            <li>
                                                                <a type="button" onclick="ExpireSubscription({{$subscription_detail->id}});" title="Expired Subscription Agreement" class="dropdown-item">
                                                                    Expired Subscription
                                                                </a>
                                                            </li>
                                                        @else
                                                            <li>
                                                                <a href="#" class="disabled dropdown-item" title="Expired Subscription Agreement">
                                                                    Expired Subscription
                                                                </a>
                                                            </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="staticBackdropLabel">Expired Subscription Agreements</h5>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger d-none" id="child-remove" role="alert"></div>
                <div class="pdf_sel"></div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
          </div>
        </div>
    </div>

    <div class="modal fade" id="directInvoiceHistory" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="staticBackdropLabel">View Invoice History</h5>
            </div>
            <div class="modal-body">
                <div class="directInvoiceHistoryData"></div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
          </div>
        </div>
    </div>

    <div class="modal fade" id="modal-default" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="contact-title"></h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="contact-content">
                    <div class="row">
                        <div class="col-md-12">
                            <form id="payment-received-form" action="{{ route('admin.verify-subscription')}}" method="POST">@csrf

                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-primary" id="payment-form-submit">Submit</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal-default-2" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="contact-title"></h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="invoice-content">
                    <div class="row">
                        <div class="loader"></div>
                        <div class="col-md-12">
                            <form id="invoice-form" action="" method="POST">@csrf

                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-primary" id="invoice-form-submit" onclick="fninvoicesubmit()">Submit</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="invoice-modal" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                <h4 class="modal-title" id="contact-title"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                </div>
                <div class="modal-body" id="invoice-date-content">
                <div class="row">
                <div class="col-md-12">
                        <form id="invoice-date-form" action="" method="POST">@csrf
                            <div class="form-group">
                                <label class="control-label">Invoice Date</label>
                                <input type="hidden" value="direct_user" name="direct_user">
                                <input type="date" class="form-control" name="invoice_payment_date" id="invoice_payment_date" required value="2024-12-23">
                                <span class="error" class="invoice-date-error"></span>
                            </div>
                        </form>
                </div>
                </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-primary" id="invoice-date-form-submit" onclick="fninvoicedatesubmit()">Submit</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="direct-generate-invoice" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="contact-title">Generate Invoice</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="invoice-content">
                    <div class="row">
                    <div class="col-md-12">
                            <form id="direct-generate-invoice-form" class="direct-equi-generate-invoice-form" action="" method="POST">@csrf
                                <div class="row">
                                    <input type="hidden" name="user_id" id="modal-user-id">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="invoice_no">Invoice no.</label>
                                            <input type="text" name="invoice_no" id="invoice_no" class="form-control" value="{{ old('invoice_no') }}">
                                            <span class="error invoice_no_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="invoice_no">Invoice Date</label>
                                            <input type="date" name="invoice_date" id="invoice_date" class="form-control" value="{{ old('invoice_date') }}">
                                            <span class="error invoice_date_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="description">Description</label>
                                            <input type="text" name="description" id="description" class="form-control" value="{{ old('description') }}">
                                            <span class="error description_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="subscription_start_date">Service Start Date</label>
                                            <input type="date" name="subscription_start_date" id="subscription_start_date" class="form-control" value="{{ old('subscription_start_date') }}">
                                            <span class="error service_start_date_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="subscription_end_date">Service End Date</label>
                                            <input type="date" name="subscription_end_date" id="subscription_end_date" class="form-control" value="{{ old('subscription_end_date') }}">
                                            <span class="error service_end_date_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="amount">Amount</label>
                                            <input type="number" name="amount" id="amount" class="form-control" value="{{ old('amount') }}">
                                            <span class="error amount_error"></span>
                                        </div>
                                    </div>
                                </div>
                            </form>
                    </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-primary" id="direct-invoice-form-submit-button">Submit</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
<script src="{{ asset('admin/plugins/moment/moment.min.js')}}"></script>
<script src="{{ asset('admin/plugins/daterangepicker/daterangepicker.js') }}"></script>
<script>
    $('#direct-generate-invoice').on('hidden.bs.modal', function () {
        $('#direct-generate-invoice-form')[0].reset();
    });

    $('.generate-invoice').on('click', function () {
        var userId = $(this).data('user-id');
        $('#modal-user-id').val(userId);
    });

    $('#direct-invoice-form-submit-button').click(function(){
        $('.amount_error').html('');
        $('.service_end_date_error').html('');
        $('.service_start_date_error').html('');
        $('.description_error').html('');
        $('.invoice_date_error').html('');
        $('.invoice_no_error').html('');
        $('.loading-block').show();
        var data = new FormData( $( '.direct-equi-generate-invoice-form' )[0] );
        $.ajax({
            data: data,
            method: "POST",
            cache: false,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            url: "{{ route('admin.store.direct-equity-invoice') }}",
            success: function(data) {
                $('.loading-block').hide();
                if(data.success == 1){
                    window.location.reload();
                }else if(data.success == 0){
                    if(data.message.invoice_no){
                        $('.invoice_no_error').html(data.message.invoice_no[0]);
                    }if(data.message.invoice_date){
                        $('.invoice_date_error').html(data.message.invoice_date[0]);
                    }if(data.message.description){
                        $('.description_error').html(data.message.description[0]);
                    }if(data.message.subscription_start_date){
                        $('.service_start_date_error').html(data.message.subscription_start_date[0]);
                    }if(data.message.subscription_end_date){
                        $('.service_end_date_error').html(data.message.subscription_end_date[0]);
                    }if(data.message.amount){
                        $('.amount_error').html(data.message.amount[0]);
                    }
                }
            }
        });

    });


    function ExpireSubscription(id){
        $.ajax({
            method: "GET",
            url: "{{url('admin/expire-agreement')}}/"+id,
            dataType:'json',
            success: function(data) {
                $('.pdf_sel').html(data);
                $("#staticBackdrop").modal('show');
            }
        });
    }

    function ViewInvoiceLogHistory(id){
        $.ajax({
            method: "GET",
            url: "{{url('admin/direct-invoice-history')}}/"+id,
            dataType:'json',
            success: function(data) {
                var invoiceData = '';
                invoiceData = `
                <div style="overflow-x:auto">
                <table border="1" class="table invoice-table table-bordered">
                    <thead>
                        <tr>
                            <th>Invoice Date</th>
                            <th>Amount</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>`;
                        data.forEach((item, index) => {
                            invoiceData += `
                                <tr>
                                    <td>${item.invoice_date ? item.invoice_date : '-'}</td>
                                    <td>${item.amount ? item.amount : item.amount_description}</td>
                                    <td>`;

                            if (!item.amount_description) {
                                invoiceData += `
                                    <a href="{{ url('admin/invoice/download') }}/${item.id}" class="btn btn-info" title="Download Invoice">
                                        <i class="fas fa-file-invoice"></i>
                                    </a>`;
                            }

                            invoiceData += `</td>
                                </tr>`;
                        });

            invoiceData += `</tbody></table></div>`;

                $(".directInvoiceHistoryData").html(invoiceData);
                $("#directInvoiceHistory").modal('show');
            }
        });
    }

    function deleteagreement(id){
        if(confirm('Are you sure to delete this record ?')) {
            $.ajax({
                type : "GET",
                headers:{ 'X-CSRF-TOKEN': '{{ csrf_token() }}'},

                url : "{{url('admin/delete/expire-subscription-pdf')}}/"+id ,
                success:function(data){
                    if(data.success == 1){
                        $("#delete-"+id).remove();
                    }
                    $('#child-remove').html(data.message);
                        $('#child-remove').removeClass("d-none");
                        setTimeout(function() {
                            $('#child-remove').addClass("d-none");
                        }, 5000);

                }
            });
        }
    }

    $(function() {
        $("#example1").DataTable({
            "responsive": true,
            "autoWidth": false,
            "columnDefs": [
            { "orderable": false, "targets": [6,7,8] }]
        });
    })
    $('#reservation').daterangepicker({
        autoUpdateInput: false,
        locale:{
            cancelLabel : 'clear'
        }
    });
    $('#reservation').on('apply.daterangepicker',function(ev,picker){
        $(this).val(picker.startDate.format('DD-MM-YYYY') +  ' - ' + picker.endDate.format('DD-MM-YYYY'))
    });

    $('#reservation').on('cancel.daterangepicker',function(ev,picker){
        $(this).val('');
    });

    $(document).on('click','.verify-admin-button',function(){
        var subscription_id = $(this).attr('id');
        $('#payment-received-form').html('');
        var appendhtml = '@csrf<input type="hidden" value="'+ subscription_id +'" id="subscription_form_id" name="subscription_form_id">';
        appendhtml += `<div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group d-inline">
                                <label class="control-label">Invoice number</label>
                                <input type="text" class="form-control" name="invoice_no" required id="subscription_invoice_no">
                                <span class="subscription-invoice-no-error" style="color:red"></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group d-inline">
                                <label class="control-label">Fee Frequency</label>
                                <input type="text" class="form-control" name="fees_frequency" required id="fees_frequency">
                                <span class="fees-frequency-error" style="color:red"></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group d-inline">
                                <label class="control-label">Agreement Date and Time</label>
                                <input type="datetime-local" class="form-control" name="agreement_date" required id="agreement_date" max="9999-12-31">

                                <span class="agreement-date-error" style="color:red"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>`;
        appendhtml += `<div class="card card-payment-form"><div class="card-header"><b>Invoice Details</b></div><div class="card-body"> <div class="row"><div class="col-md-6"><div class="form-group d-inline"><label class="control-label">Description</label><textarea class="form-control" name="description[]" required></textarea></div></div><div class="col-md-6"><div class="form-group d-inline"><label class="control-label">Amount(in text)</label><input type="text" class="form-control" name="amount_description[]" required></div></div><div class="col-md-6">
            <div class="form-group d-inline">
                <label class="control-label">Service Start Date</label>
                <input type="date" class="form-control" name="subscription_start_date[]" required max="9999-12-31">
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group d-inline">
                <label class="control-label">Service End Date</label>
                <input type="date" class="form-control" name="subscription_end_date[]" required max="9999-12-31">
                <span class="subscription-end-date-error" style="color:red"></span>
            </div>
        </div>
        <div class="col-md-12">
            <span style="color:red">*To generate the invoice for research reports services, put the amount in numbers only in Amount (in numbers only) field. In other cases, use Amount (in text) box.</span>
            <input type="hidden" class="form-control" name="amount[]">
        </div>
        </div></div></div>`;
        $('#payment-received-form').html(appendhtml);
    });

    $('#payment-form-submit').click(function(){
        var subscription_start_date = document.getElementsByName('subscription_start_date[]');
        var subscription_end_date = document.getElementsByName('subscription_end_date[]');
        var errordate = document.querySelector('.subscription-end-date-error');
        intJ = 0;
        $('.subscription-end-date-error').html('');
        $('.subscription-invoice-no-error').html('');
        $('.fees-frequency-error').html('');

        for(var i=0;i<subscription_start_date.length;i++){
            if(subscription_end_date[i].value > subscription_start_date[i].value ){

            }else{
                intJ = 1;
                $('.subscription-end-date-error')[i].innerHTML = 'Subscription end date should be greater than subscription start date';
            }
        }

        if($('#subscription_invoice_no').val() == ""){
            $('.subscription-invoice-no-error').html('Invoice number field is required');
            intJ = 1;
        }
        if($('#fees_frequency').val() == ""){
            $('.fees-frequency-error').html('Fee Frequency field is required');
            intJ = 1;
        }
        if(intJ == 0){
            $('.loading-block').show();
            $('#payment-form-submit').addClass('disabled');
            $('#payment-received-form').submit();
        }


    });

    function removeinvoice(id){
        $('.card-payment-form')[id-1].remove();
        return false;
    }

    $('.invoice-details').click(function(e){
        e.preventDefault();
        subscription_form_id = $(this).attr('id');
        $.ajax({
            url: "{{  url('/admin/edit/invoice') }}/"+subscription_form_id,
            type:"GET",
            dataType:"json",
            success:function(data) {
            $('#invoice-form').attr('action',"{{  url('/admin/update/invoice') }}/"+subscription_form_id);
            $('#invoice-form').html('');
            var invoicehtml = '';
            $.each(data,function(index,value){
                value.amount_description = value.amount_description == null ? '' : value.amount_description;
                value.amount = value.amount== null ? '' : value.amount;
                value.fees_frequency = value.fees_frequency==null ? '' : value.fees_frequency;
                value.agreement_date = value.agreement_date==null ? '' : value.agreement_date;
                value.invoice_date = value.invoice_date==null ? '' : value.invoice_date;
                if(index == 0){
                    invoicehtml += `<div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="custom-control custom-checkbox">
                                                        <input class="custom-control-input" type="checkbox" id="email_update" value="1" name="include_email_updates">
                                                        <label for="email_update" class="custom-control-label">Include in Email</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group d-inline">
                                                        <label class="control-label">Invoice number</label>
                                                        <input type="text" class="form-control" name="invoice_no" value="`+ value.invoice_no+`" required id="subscription_invoice_no">
                                                        <span class="subscription-invoice-no-error" style="color:red"></span>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group d-inline">
                                                        <label class="control-label">Fee Frequency</label>
                                                        <input type="text" class="form-control" name="fees_frequency"  value="`+ value.fees_frequency+`" required id="fees_frequency">
                                                        <span class="fees-frequency-error" style="color:red"></span>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group d-inline">
                                                        <label class="control-label">Agreement Date and Time</label>

                                                        <input type="datetime-local" class="form-control" name="agreement_date" required id="agreement_date" value="${value.agreement_date}">
                                                        <span class="agreement-date-error" style="color:red"></span>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group d-inline">
                                                        <label class="control-label">Invoice Date</label>
                                                        <input type="date" class="form-control" name="invoice_date" required id="invoice_date" max="9999-12-31" value="${value.invoice_date}">
                                                        <span class="invoice-date-error" style="color:red"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>`;
                    invoicehtml += `@csrf<div class="card"><div class="card-body"><div class="row">
                                        <input type="hidden" value="`+ value.id+`" name="invoice_id[]">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Description</label>
                                                <input type="text" class="form-control" name="description[]" value="`+ value.description+`">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group d-inline">
                                                <label class="control-label">Amount(in text)</label>
                                                <input type="text" class="form-control" name="amount_description[]" value="`+ value.amount_description+`" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Service Start Date</label>
                                                <input type="date" class="form-control" name="subscription_start_date[]" value="`+ value.subscription_start_date+`" id="subscription_start_date" max="9999-12-31">

                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Service End Date</label>
                                                <input type="date" class="form-control" name="subscription_end_date[]" value="`+ value.subscription_end_date+`" id="subscription_end_date" max="9999-12-31">
                                                <span class="text-danger invoice_end_date_error"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="hidden" class="form-control" name="amount[]">
                                            <span style="color:red">*To generate the invoice for research reports services, put the amount in numbers only in Amount (in numbers only) field. In other cases, use Amount (in text) box.</span>
                                        </div>
                                    </div></div></div>`

                }else{
                    invoicehtml += `<div class="card"><div class="card-body"><div class="row">
                                        <input type="hidden" value="`+ value.id+`" name="invoice_id[]">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Description</label>
                                                <input type="text" class="form-control" name="description[]" value="`+ value.description+`">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group d-inline">
                                                <label class="control-label">Amount(in text)</label>
                                                <input type="text" class="form-control" name="amount_description[]" value="`+ value.amount_description+`" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Service Start Date</label>
                                                <input type="date" class="form-control" name="subscription_start_date[]" value="`+ value.subscription_start_date+`" max="9999-12-31">

                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Service End Date</label>
                                                <input type="date" class="form-control" name="subscription_end_date[]" value="`+ value.subscription_end_date+`" max="9999-12-31">
                                                <span class="text-danger invoice_end_date_error"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="hidden" class="form-control" name="amount[]">
                                            <span style="color:red">*To generate the invoice for research reports services, put the amount in numbers only in Amount (in numbers only) field. In other cases, use Amount (in text) box.</span>
                                        </div>
                                    </div></div></div>`

                }
            });
            $('#invoice-form').html(invoicehtml);
            },
            error:function(res){

            }
        });
    });
    $(document).on('.invoice-form-submit','click',function(e){
        e.preventDefault();
        var subscriptionformaction = $('#invoice-form').attr('action');
        $.ajax({
            url:subscriptionformaction,
            type:'POST',
            data:$('#invoice-form').seriallize(),
            success:function(data) {
            },
            error:function(res){

            }
        });
    });
    function fninvoicesubmit(){
        var subscription_start_date = document.getElementsByName('subscription_start_date[]');
        var subscription_end_date = document.getElementsByName('subscription_end_date[]');
        var errordate = document.querySelector('.invoice_end_date_error');
        intJ = 0;
        $('.invoice_end_date_error').html('');
        $('.subscription-invoice-no-error').html('');
        $('.fees-frequency-error').html('');
        for(var i=0;i<subscription_start_date.length;i++){
            if(subscription_end_date[i].value > subscription_start_date[i].value ){

            }else{
                intJ = 1;
                $('.invoice_end_date_error')[i].innerHTML = 'Subscription end date should be greater than subscription start date';
            }
        }
        if($('#subscription_invoice_no').val() == ""){
            $('.subscription-invoice-no-error').html('Invoice number field is required');
            intJ = 1;
        }

        if($('#fees_frequency').val() == ""){
            $('.fees-frequency-error').html('Fee Frequency field is required');
            intJ = 1;
        }

        if(intJ == 0){
            var subscriptionformaction = $('#invoice-form').attr('action');
            $('.loading-block').show();
            $('#payment-form-submit').addClass('disabled');
            $.ajax({
                url:subscriptionformaction,
                type:'POST',
                data:$('#invoice-form').serialize(),
                success:function(data) {
                    if(data.success == 1){
                        window.location.href = window.location.href;
                    }
                },
                error:function(res){}
            });
        }
    }

    $(document).on('click','.payment-received-button',function(){
        var subscription_id = $(this).attr('id');
        subscription_id = subscription_id.split("invoice_")[1];
        $('#invoice-date-form').attr('action',"{{  url('/admin/payment-received') }}/"+subscription_id);
    });
    function fninvoicedatesubmit(){
        $('.invoice-date-error').html('');

        var invoice_date = $('#invoice_payment_date').val();
        if(invoice_date){
            $('#invoice-date-form-submit').addClass('disabled');
            var subscriptionformaction = $('#invoice-date-form').attr('action');
            $('.loading-block').show();
            $.ajax({
                url:subscriptionformaction,
                type:'POST',
                data:$('#invoice-date-form').serialize(),

                success:function(data) {
                    $('#invoice-date-form-submit').removeClass('disabled');
                    if(data.success == 1){
                        window.location.href = window.location.href;
                    }
                },
                error:function(res){
                    $('#invoice-date-form-submit').removeClass('disabled');
                    $('.invoice-date-error').html('Something went wrong');
                }
            });
        }else{

            $('.invoice-date-error').html('Invoice Date is required');
        }
    }
</script>
@endpush