@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">{{ ucfirst( $$module_name_singular->name[0])}}</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="javascript:void(0)" class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1">{{ $$module_name_singular->name }}  {{($$module_name_singular->label) ?  '-'.$$module_name_singular->label : ''}}</a>
                                           
                                        </div>
                                        <!--end::Name-->
                                        <!--begin::Info-->
                                        <div class="d-flex flex-wrap fw-bold fs-6 mb-4 pe-2">
                                            <a title="Industry name" href="javascript:void(0)" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                            <!--begin::Svg Icon | path: icons/duotune/communication/com006.svg-->
                                            <span class="svg-icon svg-icon-4 me-1">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                    <path opacity="0.3" d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM12 7C10.3 7 9 8.3 9 10C9 11.7 10.3 13 12 13C13.7 13 15 11.7 15 10C15 8.3 13.7 7 12 7Z" fill="currentColor" />
                                                    <path d="M12 22C14.6 22 17 21 18.7 19.4C17.9 16.9 15.2 15 12 15C8.8 15 6.09999 16.9 5.29999 19.4C6.99999 21 9.4 22 12 22Z" fill="currentColor" />
                                                </svg>
                                            </span>
                                            <!--end::Svg Icon-->{{($$module_name_singular->industry)?$$module_name_singular->industry->industry:'N/A'}}</a>


                                            <a title="Client Email" href="javascript:void(0)" class="d-flex align-items-center text-gray-400 text-hover-primary mb-2">
                                            <!--begin::Svg Icon | path: icons/duotune/communication/com011.svg-->
                                            <span class="svg-icon svg-icon-4 me-1">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                    <path opacity="0.3" d="M21 19H3C2.4 19 2 18.6 2 18V6C2 5.4 2.4 5 3 5H21C21.6 5 22 5.4 22 6V18C22 18.6 21.6 19 21 19Z" fill="currentColor" />
                                                    <path d="M21 5H2.99999C2.69999 5 2.49999 5.10005 2.29999 5.30005L11.2 13.3C11.7 13.7 12.4 13.7 12.8 13.3L21.7 5.30005C21.5 5.10005 21.3 5 21 5Z" fill="currentColor" />
                                                </svg>
                                            </span>
                                            <!--end::Svg Icon-->{{isset($clientUser[0]['email'])?$clientUser[0]['email']:''}}</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 Client Feed'):( 'Stop Client Feed ')}}
                                        </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='{{ route("backend.$module_name.inactive", $$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" onclick="getJobCount('{{$$module_name_singular->_id}}')" href='javascript:void(0);'>Get Job Count</a>
                                                </div>
                                                <!--end::Menu item-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3">
                                                   <a target="_blank" href='{{ $s3_url }}' class="menu-link px-3">S3 URL</a>
                                                </div>
                                                <!--end::Menu item-->
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3 my-1">
                                                     <a href='{{ route("backend.$module_name.duplicateclient", $$module_name_singular->_id)}}' class="menu-link px-3 duplicateclient">Duplicate</a>
                                                </div>
                                                <!--end::Menu item-->

                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3 my-1">
                                                    <a class="menu-link px-3" onclick="deleteClientModal('{{$$module_name_singular->_id}}');" href='javascript:void(0);'>Delete Client</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="{{$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="{{$$module_name_singular->max_jobs}}"">0</div>
                                                </div>
                                                <!--end::Number-->
                                                <!--begin::Label-->
                                                <div class="fw-bold fs-6 text-gray-400">Max 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-->

                                            <!--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-prefix="">{{isset($$module_name_singular->last_generated_on)?$$module_name_singular->last_generated_on:'N/A'}}</div>
                                                </div>
                                                <!--end::Number-->
                                                <!--begin::Label-->
                                                <div class="fw-bold fs-6 text-gray-400">Last generated 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">Generated 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",["client"=>$$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",["client"=>$$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",["client"=>$$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",["client"=>$$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 ("client::backend.$module_name.show_".$pagename."form")
                @else
                    @include ("client::backend.$module_name.show_form")
                @endif
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
</div>

@endsection

@push ('after-scripts')
@include('client::backend.client.includes.client_index_js')

<script>

    function startStopCron(id) {
        var currentStatus = $("#updateButton").val();
        var command ='client:feednew 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/client/progress_log_single_"+id+".txt";
    $.get(progressfile, function(data) {

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

        progress =  jQuery.parseJSON(data);
        
        
        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['generated_progress']+"%");
            $('div .import_progress').attr('aria-valuenow',progress['generated_progress']);
            $('div .import_progress').css("width", progress['generated_progress']+"%");
        }else{
            $(".import_progress_dnone").addClass('d-none');
        }

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

</script>

@endpush