@php $xml_mapping = ''; if( isset($feed) && $feed ) { $xml_mapping = unserialize($feed->xml_field_mapping); } @endphp
<style>
    .timeline-label:before {
        left: 101px !important;
    }
</style>

 <!--begin::Row-->
<div class="row g-5 g-xxl-8">
     <!--begin::Col-->
    <div class="col-xl-6">
        <!--begin::List Widget 5-->
        <div class="card mb-5 mb-xxl-8">
            <!--begin::Header-->
            <div class="card-header align-items-center border-0 mt-4">
                <h3 class="card-title align-items-start flex-column">
                    <span class="fw-bolder mb-2 text-dark">Activities</span>
                    <span class="text-muted fw-bold fs-7">890,344 Sales</span>
                </h3>
                
                <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_624475bd4303a">
                        <!--begin::Header-->
                        <div class="px-7 py-5">
                            <div class="fs-5 text-dark fw-bolder">Filter by Date Range</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" data-kt-client-activity-filter="form">
                            <!--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_ecommerce_report_sales_daterangepicker" />
                                    <!--end::Daterangepicker-->
                            </div>
                            <!--end::Input group-->
                            
                            <!--begin::Actions-->
                          <!--   <div class="d-flex justify-content-end">
                                <button type="reset" class="btn btn-light btn-active-light-primary fw-bold me-2 px-6" data-kt-menu-dismiss="true" data-kt-client-activity-filter="reset">Reset</button>
                                <button type="submit" class="btn btn-primary fw-bold px-6" data-kt-menu-dismiss="true" data-kt-client-activity-filter="filter">Apply</button>
                            </div> -->
                            <!--end::Actions-->
                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Menu 1-->
                    <!--end::Menu-->
                </div>
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="card-body pt-5 scroll scroll-pull h-400px" data-scroll="true" data-wheel-propagation="true" >
                <!--begin::Timeline-->
                <div class="timeline-label getActivityLogs">
                    
                </div>
                <!--end::Timeline-->
            </div>
            <!--end: Card Body-->
        </div>
        <!--end: List Widget 5-->
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-xl-6">
        <!--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">Recent Statistics</span>
                    <span class="text-muted fw-bold fs-7">More than 400 new members</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::Label-->
                                <label class="form-label fw-bold">Status:</label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <div>
                                    <select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_624475bd422be" data-allow-clear="true">
                                        <option></option>
                                        <option value="1">Approved</option>
                                        <option value="2">Pending</option>
                                        <option value="2">In Process</option>
                                        <option value="2">Rejected</option>
                                    </select>
                                </div>
                                <!--end::Input-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Label-->
                                <label class="form-label fw-bold">Member Type:</label>
                                <!--end::Label-->
                                <!--begin::Options-->
                                <div class="d-flex">
                                    <!--begin::Options-->
                                    <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                        <span class="form-check-label">Author</span>
                                    </label>
                                    <!--end::Options-->
                                    <!--begin::Options-->
                                    <label class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="2" checked="checked" />
                                        <span class="form-check-label">Customer</span>
                                    </label>
                                    <!--end::Options-->
                                </div>
                                <!--end::Options-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Label-->
                                <label class="form-label fw-bold">Notifications:</label>
                                <!--end::Label-->
                                <!--begin::Switch-->
                                <div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
                                    <input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
                                    <label class="form-check-label">Enabled</label>
                                </div>
                                <!--end::Switch-->
                            </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_widget_1_chart" style="height: 350px"></div>
                <!--end::Chart-->
            </div>
            <!--end::Body-->
        </div>
        <!--end::Charts Widget 1-->
    </div>
    <!--end::Col-->
</div>
<!--end::Row-->


<!-- Select2 Library -->

@push('before-styles')
<!-- File Manager -->

@endpush

@push ('after-scripts')
<script src="{{asset('assets/js/admin/feeds/feedshow.js')}}"></script>
<script type="text/javascript">
    function getActivityLog(startdate,enddate) {
    
    var module_title = '{{$module_title}}';
    var id = '{{$$module_name_singular->_id}}';
     $.ajax({
            type: "GET",
            url: "{{ route('backend.feeds.get_activity_log') }}",

            data: {startdate: startdate, enddate:enddate,module_title:module_title,id:id,activity_type:'activity'},
             beforeSend: function() {
                swal({
                    html: '<h5>Loading...</h5>',
                    showConfirmButton: false,
                    allowOutsideClick: false,
                    
               });
            },
            success: function (results) {
                swal.close();
               if (results.success === true)
                    {
                        $('.getActivityLogs').html(results.result);
                    } else
                    {
                        swal("Error!!", results.message, "error");
                    }
            },
            error: function(response) {
                swal.close();
                swal("Error!", response, "error");
            }
        });
    }
$(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