@php $xml_mapping = ''; if( isset($feed) && $feed ) { $xml_mapping = unserialize($feed->xml_field_mapping); } @endphp


 <!--begin::Row-->
<div class="row g-5 g-xxl-8">
    
    <!--begin::Col-->
    <div class="col-xl-12">
        <!--begin::Charts Widget 1-->
        <div class="card mb-5 mb-xxl-8">
            <!--begin::Header-->
            <div class="card-header border-0 pt-5">
                <!--begin::Title-->
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bolder fs-3 mb-1">Feed Import counts</span>
                </h3>
                <!--end::Title-->
                <!--begin::Toolbar-->
                <div class="card-toolbar">
                    <!--begin::Menu-->
                    <button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                        <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
                        <span class="svg-icon svg-icon-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="5" y="5" width="5" height="5" rx="1" fill="currentColor" />
                                    <rect x="14" y="5" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                    <rect x="5" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                    <rect x="14" y="14" width="5" height="5" rx="1" fill="currentColor" opacity="0.3" />
                                </g>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </button>
                    <!--begin::Menu 1-->
                    <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_624475bd422be">
                        <!--begin::Header-->
                        <div class="px-7 py-5">
                            <div class="fs-5 text-dark fw-bolder">Filter Options</div>
                        </div>
                        <!--end::Header-->
                        <!--begin::Menu separator-->
                        <div class="separator border-gray-200"></div>
                        <!--end::Menu separator-->
                        <!--begin::Form-->
                        <div class="px-7 py-5">
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Daterangepicker-->
                                <input class="form-control form-control-solid w-100 mw-250px" placeholder="Pick date range" id="kt_importgraph_daterangepicker" />
                                <!--end::Daterangepicker-->
                            </div>
                            <!--end::Input group-->
                           
                            <!--begin::Actions-->
                            <div class="d-flex justify-content-end">
                                <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
                                <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
                            </div>
                            <!--end::Actions-->
                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Menu 1-->
                    <!--end::Menu-->
                </div>
                <!--end::Toolbar-->
            </div>
            <!--end::Header-->

            <!--begin::Body-->
            <div class="card-body">
                <!--begin::Chart-->
                <div id="kt_charts_importfeed_chart" style="height: 350px"></div>
                <!--end::Chart-->
            </div>
            <!--end::Body-->
        </div>
        <!--begin::Charts Widget 1-->
        <div class="card mb-5 mb-xxl-8">
            <!--begin::Header-->
            <div class="card-header border-0 pt-5">
                <!--begin::Title-->
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bolder fs-3 mb-1">Feed import time</span>
                </h3>
                <!--end::Title-->
               
            </div>
            <!--end::Header-->

             <!--begin::Body-->
            <div class="card-body">
                <!--begin::Chart-->
                <div id="kt_charts_totaltimefeed_chart" style="height: 350px"></div>
                <!--end::Chart-->
            </div>
            <!--end::Body-->

        </div>
        <!--end::Charts Widget 1-->
    </div>
    <!--end::Col-->
</div>
<!--end::Row-->


<!-- Select2 Library -->

@push ('after-scripts')

<script src="{{asset('assets/js/admin/feeds/importgraph.js')}}"></script>
<script type="text/javascript">
    var getchartdataurl = '{{ route("backend.feeds.get_import_feed_chart_data") }}';
    var feedid ='{{ $$module_name_singular->_id }}';
</script>

<script type="text/javascript">

$(document).ready(function() {

    $('form').submit(function () {
        $(this).find('input[type="checkbox"]').each( function () {
            var checkbox = $(this);
            if( checkbox.is(':checked')) {
               checkbox.attr('value','1');
           } else {
            checkbox.after().append(checkbox.clone().attr({type:'hidden', value:0}));
            checkbox.prop('disabled', true);
        }
    })
    });

    $("input[name$='authentication_type']").click(function() {
        var test = $(this).val();
        if(test=='basic'){
            $("#basicauth_httpheader_content").val('').attr("placeholder", "Basic Auth HTTP Header Content");
            $('.basicauth').text('Basic Auth HTTP Header Content');
            $("div.basicauthdiv").removeClass('d-none');
       
        }else if(test=='uname_pass'){
            $("#basicauth_httpheader_content").val('').attr("placeholder", "Username Pass Auth HTTP Header Content");
            $('.basicauth').text('Username Pass Auth HTTP Header Content');
            $("div.basicauthdiv").removeClass('d-none');
        }else{
            $("#basicauth_httpheader_content").val('');
            $("div.basicauthdiv").addClass('d-none');
        }
        
    });

    $('#has_multi_level').change(function() {
        if ($(this).is(':checked')) {
            $('.parent_job_node_postion').removeClass('d-none');
        }
        else{
           $('.parent_job_node_postion').addClass('d-none');
        }
    });
    $('#jbe_send').click(function() {
        if ($(this).is(':checked')) {
            $('.max_job_in_jbe').removeClass('d-none');
        }
        else{
            $("#max_job_in_jbe").val(0);
           $('.max_job_in_jbe').addClass('d-none');
        }
    });


});
</script>
@endpush