@extends('backend.layouts.app')
@section('content')
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">   
        <!--begin::Toolbar-->
        @include('backend.includes.breadcrumb_inner')

        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container-xxl">
                @include('backend.includes.flash-message')
                <!--begin::Navbar-->
                <div class="card mb-5 mb-xxl-8">
                    <div class="card-body pt-9 pb-0">
                        <!--begin::Details-->
                        <div class="d-flex flex-wrap flex-sm-nowrap">
                            <!--begin: Pic-->
                            <div class="me-7 mb-4">
                                <div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
                                    @php
                                    $textcolor ='danger';
                                    $textcolor1='danger';
                                    if($$module_name_singular->is_active){
                                        $textcolor = 'primary';
                                        $textcolor1='dark';
                                    }
                                    @endphp
                                   <span class="symbol-label bg-light-{{$textcolor}} text-{{$textcolor}} fw-bolder fs-2">{{ $$module_name_singular->feed_type}}</span>
                                    <div class="position-absolute translate-middle bottom-0 start-100 mb-6 bg-{{$textcolor}} rounded-circle border border-4 border-white h-20px w-20px"></div>
                                </div>
                            </div>
                            <!--end::Pic-->
                            <!--begin::Info-->
                            <div class="flex-grow-1">
                                <!--begin::Title-->
                                <div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
                                    <!--begin::User-->
                                    <div class="d-flex flex-column">
                                        <!--begin::Name-->
                                        <div class="d-flex align-items-center mb-2">
                                            <a href="#" class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1">{{ $$module_name_singular->feed_name }}</a>
                                        </div>
                                        <!--end::Name-->
                                        <!--begin::Info-->
                                        <div class="d-flex flex-wrap fw-bold fs-6 mb-4 pe-2">
                                            <a href="javascript:void(0)" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <i class="bi {{ (isset($$module_name_singular->update_cpc) && $$module_name_singular->update_cpc==1)?'bi-check-circle-fill text-success':'bi-x-circle-fill text-danger'}} me-2"></i> Update CPC</a>
                                            
                                            <a href="javascript:void(0)" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <i class="bi {{ (isset($$module_name_singular->update_url) && $$module_name_singular->update_url==1)?'bi-check-circle-fill text-success':'bi-x-circle-fill text-danger'}} me-2"></i> Update URL</a>

                                            <a href="javascript:void(0)" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <i class="bi {{ (isset($$module_name_singular->fix_cpc) && $$module_name_singular->fix_cpc==1)?'bi-check-circle-fill text-success':'bi-x-circle-fill text-danger'}} me-2"></i> Fixed CPC</a>
                                        </div>
                                        <!--end::Info-->
                                    </div>
                                    <!--end::User-->
                                    <!--begin::Actions-->
                                    <div class="d-flex my-4">
                                        <a href='{{ route("backend.$module_name.edit", $$module_name_singular->_id)}}' class="btn btn-sm btn-light me-2" id="edit">
                                            <span class="indicator-label">Edit</span>
                                           
                                        </a>
                                        <button type="button" id="updateButton" class="me-2 {{ ($cron['current_status'] == 1)?( 'w-100 btn btn-success btn-sm btn-block'): 'w-100 btn btn-danger btn-sm btn-block bt-stop' }}" 
                                        onclick="startStopCron('{{$$module_name_singular->_id}}')" value="{{$cron['current_status']}}">
                                        {{($cron['current_status'] == 1)?( 'Start Import Process'):( 'Stop Processing')}}
                                        </button>

                                        <!--begin::Menu-->
                                        <div class="me-0">
                                            <button class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                                <i class="bi bi-three-dots fs-3"></i>
                                            </button>
                                            <!--begin::Menu 3-->
                                            <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3" data-kt-menu="true">
                                                <!--begin::Heading-->
                                                <div class="menu-item px-3">
                                                    <div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Actions</div>
                                                </div>
                                                <!--end::Heading-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3">

                                                    @if($$module_name_singular->is_active == "1")
                                                        <a href='javascript:void(0);' onclick="createModal('{{$$module_name_singular->_id}}');" class="menu-link px-3">Make Inactive</a>
                                                    @else
                                                        <a  href='{{ route("backend.$module_name.active", $$module_name_singular->_id)}}' class="menu-link px-3">Make Active</a>
                                                    @endif

                                                </div>
                                                <!--end::Menu item-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3">
                                                    <a class="menu-link px-3" href='javascript:void(0);' onclick="downloadFeed('{{$$module_name_singular->_id}}');">Download Feed</a>
                                                </div>
                                                <!--end::Menu item-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3">
                                                   <a class="menu-link px-3" href='javascript:void(0);' onclick="importFeed('{{$$module_name_singular->_id}}');">Import Feed</a>
                                                </div>
                                                <!--end::Menu item-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3 my-1">
                                                     <a class="menu-link px-3" href='{{ route("backend.$module_name.duplicatefeed", $$module_name_singular->_id)}}' >Duplicate</a>
                                                </div>
                                                <!--end::Menu item-->

                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3 my-1">
                                                      <a class="menu-link px-3" onclick="deleteFeedJob('{{$$module_name_singular->_id}}')" href='javascript:void(0);'>Delete Feed Job</a>
                                                </div>
                                                <!--end::Menu item-->

                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3 my-1">
                                                      <a class="menu-link px-3" onclick="deleteFeedModal('{{$$module_name_singular->_id}}');" href='javascript:void(0);'>Delete Feed</a>
                                                </div>
                                                <!--end::Menu item-->
                                            </div>
                                            <!--end::Menu 3-->
                                        </div>
                                        <!--end::Menu-->
                                        
                                    </div>
                                    <!--end::Actions-->
                                </div>
                                <!--end::Title-->
                                <!--begin::Stats-->
                                <div class="d-flex flex-wrap flex-stack">
                                    <!--begin::Wrapper-->
                                    <div class="d-flex flex-column flex-grow-1 pe-8">
                                        <!--begin::Stats-->
                                        <div class="d-flex flex-wrap">
                                            <!--begin::Stat-->
                                            <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                <!--begin::Number-->
                                                <div class="d-flex align-items-center">
                                                    
                                                    <div class="fs-4 fw-bolder" data-kt-countup="true" data-kt-countup-value="{{$$module_name_singular->total_jobs}}" data-kt-countup-prefix="">0</div>
                                                </div>
                                                <!--end::Number-->
                                                <!--begin::Label-->
                                                <div class="fw-bold fs-6 text-gray-400">Total Jobs</div>
                                                <!--end::Label-->
                                            </div>
                                            <!--end::Stat-->
                                            <!--begin::Stat-->
                                            <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                <!--begin::Number-->
                                                <div class="d-flex align-items-center">
                                                   
                                                    <div class="fs-4 fw-bolder" data-kt-countup="true" data-kt-countup-value="{{$impotedJobs}}">0</div>
                                                </div>
                                                <!--end::Number-->
                                                <!--begin::Label-->
                                                <div class="fw-bold fs-6 text-gray-400">Imported Jobs</div>
                                                <!--end::Label-->
                                            </div>
                                            <!--end::Stat-->
                                            <!--begin::Stat-->
                                            <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
                                                <!--begin::Number-->
                                                <div class="d-flex align-items-center">
                                                    <div class="fs-4 fw-bolder" data-kt-countup="false" data-kt-countup-value="{{isset($$module_name_singular->updated_at)?$$module_name_singular->updated_at->toDateTime()->format('d-m-Y H:i:s'):'N/A'}}" data-kt-countup-prefix="">{{isset($$module_name_singular->updated_at)?$$module_name_singular->updated_at->toDateTime()->format('d-m-Y H:i:s'):'N/A'}}</div>
                                                </div>
                                                <!--end::Number-->
                                                <!--begin::Label-->
                                                <div class="fw-bold fs-6 text-gray-400">Last updated at</div>
                                                <!--end::Label-->
                                            </div>
                                            <!--end::Stat-->
                                        </div>
                                        <!--end::Stats-->
                                    </div>
                                    <!--end::Wrapper-->
                                    <!--begin::Progress-->
                                   
                                    <div class="{{($cron['current_status']==2)?'':'d-none'}} d-flex align-items-center w-200px w-sm-300px flex-column mt-3 import_progress_dnone">
                                        <div class="d-flex justify-content-between w-100 mt-auto mb-2">
                                            <span class="fw-bold fs-6 text-gray-400">Import Progress</span>
                                            <span class="fw-bolder fs-6 span-import_progress">50%</span>
                                        </div>
                                        <div class="h-5px mx-3 w-100 bg-light mb-3">
                                            <div class="bg-success rounded h-5px import_progress" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                    <!--end::Progress-->
                                </div>
                                <!--end::Stats-->
                            </div>
                            <!--end::Info-->
                        </div>
                        <!--end::Details-->
                        <!--begin::Navs-->
                        <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder">
                            <!--begin::Nav item-->
                            <li class="nav-item mt-2">
                                <a class="nav-link text-active-primary ms-0 me-10 py-5 {{$pagename=='activity'?'active':''}}" href='{{ url("admin/$module_name",["feed"=>$$module_name_singular->_id,"page_name"=>"activity"]) }}'>Activity</a>
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item mt-2">
                                <a class="nav-link text-active-primary ms-0 me-10 py-5 {{$pagename=='history'?'active':''}}" href='{{ url("admin/$module_name",["feed"=>$$module_name_singular->_id,"page_name"=>"history"]) }}'>History</a>
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item mt-2">
                                <a class="nav-link text-active-primary ms-0 me-10 py-5 {{$pagename=='performance'?'active':''}}" href='{{ url("admin/$module_name",["feed"=>$$module_name_singular->_id,"page_name"=>"performance"]) }}'>Performance</a>
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item mt-2">
                                <a class="nav-link text-active-primary ms-0 me-10 py-5 {{$pagename=='notes'?'active':''}}" href='{{ url("admin/$module_name",["feed"=>$$module_name_singular->_id,"page_name"=>"notes"]) }}'>Notes</a>
                            </li>
                            <!--end::Nav item-->
                        </ul>
                        <!--begin::Navs-->
                    </div>
                </div>
                <!--end::Navbar-->
                @if(in_array($pagename,['history','performance','notes']))
                    @include ("feed::backend.$module_name.show_".$pagename."form")
                @else
                    @include ("feed::backend.$module_name.show_form")
                @endif
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
</div>

@endsection

@push('after-scripts')
@include('feed::backend.feeds.includes.feeds_index_js')
<script>

    function startStopCron(id) {
        var currentStatus = $("#updateButton").val();
        var command ='feedimport single '+id;
        $.ajax({
            type: "POST",
            url: "{{ route('backend.feeds.start_stop_cron') }}",

            data: {id: id, current_status:currentStatus, _token: '{{csrf_token()}}',command:command},
            beforeSend: function() {
                swal({
                    html: '<h5>Loading...</h5>',
                    showConfirmButton: false,
                    allowOutsideClick: false,
                    
             });
            },
            success: function (responseData) {
                swal.close();
                if(responseData.success == 1){
                    
                    if(responseData.status == 2){
                        $("#updateButton").attr('class', 'btn btn-danger w-100 btn-sm bt-stop');
                        $("#updateButton").text('Stop Processing');
                        $("#updateButton").val('2');
                        setProgressBar();
                    } else {
                        $("#updateButton").attr('class', 'btn btn-success w-100 btn-sm');
                        $("#updateButton").text('Start Import Process');
                         $(".import_progress_dnone").addClass('d-none');
                        $("#updateButton").val('1');
                    }
                } else if(responseData.success == 2){
                    
                    if(responseData.status == 2){
                        $("#updateButton").attr('class', 'btn btn-danger w-100 btn-sm bt-stop');
                        $("#updateButton").text('Stop Processing');
                        $("#updateButton").val('2');
                        setProgressBar();
                    } else {
                        $("#updateButton").attr('class', 'btn btn-success w-100 btn-sm');
                        $("#updateButton").text('Start Import Process');
                        $(".import_progress_dnone").addClass('d-none');
                        $("#updateButton").val('1');
                    }
                } else {
                    alert(responseData.message);
                }
            }
        });
    }

    $(function () {
    setProgressBar();
    })
    
    //Scheduler progress bar 
     function setProgressBar(){
    var id = '{{$$module_name_singular->_id}}';
    var progressfile = "../feeds/progress/progress_log_single_"+id+".txt";
    $.get(progressfile, function(data) {

        if(typeof(data) != "undefined" && data !== null && data !== "") {

        progress =  jQuery.parseJSON(data);
        
        /*$('.span-download_progress').text(progress['download_progress']+"%");
        $('div .download_progress').attr('aria-valuenow',progress['download_progress']);
        $('div .download_progress').css("width", progress['download_progress']+"%");*/
        if(typeof(progress['total_file_count']) != "undefined" && progress['total_file_count'] !== null && progress['total_file_count'] !== 0 ) {
            $(".import_progress_dnone").removeClass('d-none');
            $('.span-import_progress').text(progress['completed_file_count']+" of "+progress['total_file_count']+" files ");
            $('div .import_progress').attr('aria-valuenow',progress['import_progress']);
            $('div .import_progress').css("width", progress['import_progress']+"%");
        }else{
            $(".import_progress_dnone").addClass('d-none');
        }

        }
    });
    setTimeout(setProgressBar, 60000);
    }

</script>
@endpush