@extends('Frontend.partials.layout')

@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/datatables/datatables.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">

    <style>
        #serach .dropdown.bootstrap-select{
            display: block;
            width: 100%;
            height: calc(1.54em + 0.876rem + 2px);
            font-size: 0.894rem;
            font-weight: 400;
            line-height: 1.54;
            color: #4E5155;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgb(228, 228, 228);
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
    </style>
@endsection

@section('content')
@if ($message = Session::get('error'))
<div class="alert alert-danger alert-block">
	<button type="button" class="close" data-dismiss="alert">×</button>
        <strong>{{ $message }}</strong>
</div>
@endif
@if ($message = Session::get('warning'))
<div class="alert alert-warning alert-block">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>{{ $message }}</strong>
</div>
@endif

<section class="corndraft">
    <div class="row">
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{trans('action.page_heading1_cron_view')}}</h2>
                    <p>energetsich.fit {{trans('action.remote_analysis')}}</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-end button-demo">
            {{-- <a href="{{ route('cron.cronTrash') }}">
                <button class="btn btn-warning mt-3 mr-3 mt-sm-0">
                    <i class="fas fa-trash mr-2"></i>
                    {{trans('action.page_heading1_cron_trash')}}
                </button>
            </a>

            <a href="{{ route('cron.cron_archive', ['archive']) }}">
                <button class="btn btn-primary mt-3 mt-sm-0">
                    <i class="ion ion-md-archive mr-2 ml-2"></i>
                    {{trans('action.cron_archive')}}

                </button>
            </a> --}}
            <a href="{{ route('cron.cronTrash') }}">
                <button class="btn btn-warning mt-3 mr-3 mt-sm-0 ladda-button" data-style="slide-down">
                    <span class="ladda-label">
                        <i class="fas fa-trash mr-2"></i>
                        {{trans('action.page_heading1_cron_trash')}}
                    </span>
                    <span class="ladda-spinner"></span>
                    <div class="ladda-progress" style="width: 0px;"></div>
                </button>
            </a>

            <a href="{{ route('cron.cron_archive', ['archive']) }}">
                <button class="btn btn-info mt-3 mr-3 mt-sm-0 ladda-button" data-style="expand-right">
                    <span class="ladda-label">
                       <i class="ion ion-md-archive mr-2 ml-2"></i>
                        {{trans('action.cron_archive')}}
                    </span>
                    <span class="ladda-spinner"></span>
                    <div class="ladda-progress" style="width: 0px;"></div>
                </button>
            </a>

        </div>
    </div>

    <!-- Filters -->
    <div class="ui-bordered px-4 pt-4 my-4 bg-white card" id="serach">
        <div class="form-row align-items-center">
            <div class="col-md-4 col-lg-3 mb-4">
                <label class="form-label f-14">{{trans('action.selected_user')}}</label>
                <select class="selectpicker" data-style="btn-light col-md-12" data-live-search="true" data-allow-clear="true" id="user">
                    <option value="">{{trans('action.cronSelectUser')}}</option>
                    @if(!empty($subuser))
                        @foreach($subuser as $sub)
                            <option value="{{ $sub->id }}">{{ $sub->first_name." ".$sub->last_name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="col-md-4 col-lg-3 mb-4">
                <label class="form-label f-14">{{trans('action.cron_type')}}</label>
                <select class="select2-demo form-control selectpicker" style="width: 100%" data-allow-clear="true" id="type">
                    <option value="" selected>{{trans('action.cronTreatmentType')}}</option>
                    <option value="1">{{trans('action.single_cron_view')}}</option>
                    <option value="2">{{trans('action.series_cron_view')}}</option>
                </select>
            </div>
            <div class="col-md-3 col-lg-2 mb-4">
                <label class="form-label f-14">{{trans('action.status')}}</label>
                <select class="select2-demo form-control selectpicker" style="width: 100%" data-allow-clear="true" name="status" id="status">
                    <option value="">{{trans('action.select_status')}}</option>
                    <option value="0">{{trans('action.online')}}</option>
                    <option value="1">{{trans('action.cron_done')}}</option>
                    <option value="2">{{trans('action.stop')}}</option>
                </select>
            </div>


            <div class="col-md-4 col-lg-4 mb-4 button-demo">
                <label class="form-label f-14"></label>
                {{-- <br><button class="btn btn-success" id="filter_button"><i class="fas fa-filter">&nbsp;</i>{{trans('action.select_filter')}}</button> &nbsp;&nbsp;<button class="btn btn-primary" id="refresh_button"><i class="ion ion-md-refresh">&nbsp;</i>{{trans('action.refresh')}}</button> --}}
                <br>
                <button class="m-1 btn btn-success ladda-button" id="filter_button" data-style="zoom-in">
                    <span class="ladda-label"><i class="fas fa-filter">&nbsp;</i>{{trans('action.select_filter')}} </span>
                    <div class="ladda-progress" style="width: 121px;"></div>
                    <span class="ladda-spinner"></span>
                </button>

                <button class="m-1 btn btn-warning ladda-button" id="refresh_button" data-style="zoom-in">
                    <span class="ladda-label"><i class="ion ion-md-refresh">&nbsp;</i>{{trans('action.refresh')}}</span>
                    <div class="ladda-progress" style="width: 121px;"></div>
                    <span class="ladda-spinner"></span>
                </button>
            </div>
        </div>
    </div>
    <!-- / Filters -->
    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="table table-striped table-bordered cron-setup-table11" id="cron_table">
                <thead>
                    <tr>
                        <th>{{trans('action.sno')}}</th>
                        <th>{{trans('action.full_name_cron_view')}}</th>
                        <th>{{trans('action.save_cart_note')}}</th>
                        <th>{{trans('action.manage_topic')}}</th>
                        <th>{{trans('start_date(s)')}}</th>
                        <th>{{trans('start_time(s)')}}</th>
                        <th>{{trans('end_date(s)')}}</th>
                        <th>{{trans('end_time(s)')}}</th>
                        <th>{{trans('action.start_date')}}</th>
                        <th>{{trans('action.start_time_cron_view')}}</th>
                        <th>{{trans('action.merge_fields_end_date')}}</th>
                        <th>{{trans('action.end_time_cron_view')}}</th>
                        <th>{{trans('action.timezone')}}</th>
                        <th>{{trans('action.cron_type')}}</th>
                        <th>{{trans('action.run_time_cron_view')}}</th>
                        <th>{{trans('action.status')}}</th>
                        <th>{{trans('action.open_by_user_cron_view')}}</th>
                        <th>{{trans('action.action')}}</th>

                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</section>

<div class="modal fade" id="crnDraftModal" data-bs-backdrop="static" data-bs-keyboard="false"></div>
@endsection



@section('scripts')
    <!-- Dependencies -->
    <script src="{{ asset('/vendor/libs/datatables/datatables.js') }}"></script>
    <script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ asset('/js/forms_selects.js') }}"></script>

    <script type="text/javascript">

    var cronProgress = true;
    $(document).ready(function() {

        load_data();

        function load_data(user = '',type = '',status =''){

            $('#cron_table').DataTable({
                language: {
                    sEmptyTable: `{{trans('action.table_norecord')}}`,
                    sInfo: "_START_ bis _END_ von _TOTAL_ Einträgen",
                    sInfoEmpty: "0 bis 0 von 0 Einträgen",
                    sInfoFiltered: "(gefiltert von _MAX_ Einträgen)",
                    sInfoPostFix: "",
                    sInfoThousands: ".",
                    sLengthMenu: "_MENU_ "+ `{{trans('action.table_showdata')}}`,
                    sLoadingRecords: `{{trans('action.table_loading')}}`,
                    sProcessing: `{{trans('action.table_pleasewait')}}`,
                    sSearch: `{{trans('action.search')}}`,
                    sZeroRecords: `{{trans('action.table_nodata')}}`,
                    oPaginate: {
                        sFirst: `{{trans('action.table_first')}}`,
                        sPrevious: `{{trans('action.table_back')}}`,
                        sNext: `{{trans('action.table_next')}}`,
                        sLast: `{{trans('action.table_latest')}}`,
                    },
                    oAria: {
                        sSortAscending:
                            ": aktivieren, um Spalte aufsteigend zu sortieren",
                        sSortDescending:
                            ": aktivieren, um Spalte absteigend zu sortieren",
                    },
                },
                serverSide: true,
                ajax:{
                    url:'{{ route("cron.cron")}}',
                    type: 'GET',
                    pages: 20,
                    data: { user:user ,type:type,status:status},
                },
                button: false,
                searching: true,
                scrollY: true,
                scrollX: false,
                scrollCollapse: true,
                processing: true,
                autoWidth: true,
                columns:[
                    {
                        "data": "id",
                        render: function (data, type, row, meta) {
                            return meta.row + meta.settings._iDisplayStart + 1;
                        },
                        orderable: false, searchable: false
                    },
                    {data:'full_name', name:'full_name'},
                    {data:'note', name:'note', orderable: false, searchable: false},
                    {data:'topic', name:'topic', orderable: false, searchable: false},
                    {data:'start_server_date', name:'start_server_date'},
                    {data:'start_server_time', name:'start_server_time'},
                    {data:'end_server_date', name:'end_server_date'},
                    {data:'end_server_time', name:'end_server_time'},
                    {data:'start_date', name:'start_date'},
                    {data:'start_time', name:'start_time'},
                    {data:'end_date', name:'end_date'},
                    {data:'end_time', name:'end_time'},
                    {data:'timezone', name:'timezone'},
                    {data:'cron_type', name:'cron_type', orderable: false, searchable: false},
                    {data:'run_time', name:'run_time', orderable: false, searchable: false},
                    {data:'status', name:'status', orderable: false, searchable: false, className: 'status table-head-width'},
                    {data:'open_status_by_user', name:'open_status_by_user', orderable: false, searchable: false},
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
                order: [ [0, 'desc'] ]
            });
        }

        $(document).on('click','#filter_button',function(){

            var user=$("select#user option").filter(":selected").val();
            var type=$("select#type option").filter(":selected").val();
            var status=$("select#status option").filter(":selected").val();

                $('#cron_table').DataTable().destroy();
                load_data(user,type,status);
        });

        $('#refresh_button').click(function(){
            $(".selectpicker").val('').change();

            $('#cron_table').DataTable().destroy();
            load_data();
        });

    });

    let checkCornProgress = window.setInterval(function() {
        let cronIds = $('.cron-progress').map(function() {
            if(this.value == 1) return $(this).data('id');
        }).get();

        if(cronIds.length && cronProgress) {
            cronProgress = false;
            let divContent = `<br/><span class='saving text-info'>Processing<span><b>.</b></span><span><b>.</b></span><span><b>.</b></span></span>`;
            $.ajax({
                method: "GET",
                url:`{{ route("cron.progress_status")}}`,
                data: {id : cronIds},
                success: function(res) {
                    $.each(res.status, function(key, value) {
                        let content = $(`#cron_${key} .status`);
                        if(value === 1) {
                            content.find('br, span').remove();
                            content.append(divContent);
                        } else {
                            $(`#cp_${key}`).val(0);
                            $(`#process${key}`).removeClass('show').addClass('hide');
                            content.find('br, span').remove();
                        }
                    })

                }, error: function(){}
            });

        } else {
            clearInterval(checkCornProgress);
        }
        cronProgress = true;
    }, 4000);

    $(document).on('click','#show_cron',function(){

        var id=$(this).data('id');

        $.ajax({
            method: "GET",
            url:'{{ route("cron.cron_show")}}',
            data: {id:id},
            success: function(data) {
                $("#crnDraftModal").html(data).modal('show');
            },
            error: function(){

            }
        });

    });


    function showanadata(timeid)
    {
        $('.modal_preloader').show();
        $('.loaded_data').hide();

        $.ajax({
            type: "POST",
            cache: false,
            url: "{{ route('cron.cronShowAnalysis') }}",
            data : {crontimeid: timeid},
            async : false,
            datatype: "json",
            success: function(res){

                var data = "";
                data += "<ul class='list-unstyled'>";

                if(res.success == true){

                    $.each(res.allsubmenus, function(keys, values) {

                        if(values.submenu_name != "") {
                            data += "<li class='p-2 text-success'><b>"+values.submenu_name+"</b></li>";
                        }

                        $.each(values.analyses, function(key, value) {

                            if(value.type == 0)
                            {
                                var time = display(value.ana_val);
                                data += "<li class='p-2'><b>"+value.calculation+"% "+time+" - "+value.ana_name+"</b></li>";

                                if(res.causes == 1 && value.cau_title != "")
                                {
                                    var cautime = display(value.cau_price);
                                    data += "<li class='p-2'>{{ trans('action.causes') }}: "+cautime+" - "+value.cau_title+"</li>";
                                }
                                if(res.medium == 1 && value.mid_title != "")
                                {
                                    var midtime = display(value.mid_price);
                                    data += "<li class='p-2'>{{ trans('action.medium') }}: "+midtime+" - "+value.mid_title+"</li>";
                                }
                                if(res.tipp == 1 && value.tip_title != "")
                                {
                                    var tiptime = display(value.tip_price);
                                    data += "<li class='p-2'>{{ trans('action.tipp') }}: "+tiptime+" - "+value.tip_title+"</li>";
                                }

                            }else if(value.type == 1){
                                var cautime = display(value.ana_val);
                                data += "<li class='p-2'><b>{{ trans('action.causes') }} : "+cautime+" - "+value.cau_title+"</b></li>";
                            }
                            else if(value.type == 2){
                                var midtime = display(value.ana_val);
                                data += "<li class='p-2'><b>{{ trans('action.medium') }} : "+midtime+" - "+value.mid_title+"</b></li>";
                            }
                            else if(value.type == 3){
                                var tiptime = display(value.ana_val);
                                data += "<li class='p-2'><b>{{ trans('action.tipp') }} : "+tiptime+" - "+value.tip_title+"</b></li>";
                            }
                            else if(value.type == 4){
                                var eintime = display(value.ein_price);
                                data += "<li class='p-2'><b>{{ trans('action.einfluss') }} : "+eintime+" - "+value.ein_title+"</b></li>";
                            }
                            else if(value.type == 5){
                                var foctime = display(value.foc_price);
                                data += "<li class='p-2'><b>Fokus : "+foctime+" - "+value.foc_title+"</b></li>";
                            }
                        });
                    });

                    $.each(res.topicnames, function(key, value) {
                        var topictime = display(value.time);
                        data += "<li class='p-2'><b><span class='text-dark'>Topic</span> : "+topictime+" - "+value.topic+"</b></li>";
                    });

                } else{

                    if(res.topicnames.length > 0) {
                        $.each(res.topicnames, function(key, value) {
                            var topictime = display(value.time);
                            data += "<li class='p-2'><b><span class='text-dark'>Topic</span> : "+topictime+" - "+value.topic+"</b></li>";
                        });
                    } else {
                        data += "<li class='p-2'><b>No Data Found</b></li>";
                    }
                }

                data += "</ul>";

                $("#analysesTreatment"+timeid).html(data);

                $('.modal_preloader').hide();
                $('.loaded_data').show();
            }
        });
    }

    function stopemail(cronid){

        Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{trans('action.yes')}}`,
            cancelButtonText: `{{trans('action.cancel')}}`
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    type: "POST",
                    cache: false,
                    url: "{{ route('cron.stopEmail') }}",
                    data : {cronid: cronid},
                    async : false,
                    datatype: "json",
                    success: function(res){
                        Swal.fire(`{{trans('action.update_successfully')}}`,res.msg, 'success');
                        $("#stopemail").html(res.button);
                        $("#stopemail").attr('class', 'mb-2 mr-1 mb-sm-0 btn btn-'+res.color);
                    }

                });
            }
        })
    }


    function updateemail(cronid){

        var email = $("#editcronemail").val();
        var atposition  = email.indexOf("@");
        var dotposition = email.lastIndexOf(".");
        if (atposition<1 || dotposition<atposition+2 || dotposition+2>=email.length){
            toastr.info(`{{trans('action.invalid_email_address')}}`);
            return 0;
        }

        $.ajax({
            type: "POST",
            cache: false,
            url: "{{ route('cron.cronUpdateEmail') }}",
            data : {cronid: cronid, email:email},
            async : false,
            datatype: "json",
            success: function(msg){
                $("#editEmailModal"+cronid).hide();
                if(msg.status == true){
                    Swal.fire({
                        icon: 'success',
                        title: msg.message,
                        showConfirmButton: false,
                        timer: 3500
                    })
                }else{
                    Swal.fire({
                        icon: 'error',
                        title: 'Something Went Wrong. Please Try Again Later',
                        showConfirmButton: false,
                        timer: 3500
                    })
                }
            }

        });
    }


    $(document).ready(function() {
        $('.cron-setup-table11').delegate('.sweet_confirm', 'click', function(e){
            e.preventDefault();
            let url = $(this).data('url');

            Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{trans('action.yes_delete')}}`,
            cancelButtonText: `{{trans('action.cancel')}}`
            }).then((result) => {
            if (result.value) {
                $.ajax({
                type: "DELETE",
                url: url,
                success: function(response) {
                    if (response.success) {
                        Swal.fire(`{{trans('action.deleted')}}`, response.message,'success');
                        $("#cron_"+response.id).remove();

                    } else {
                        Swal.fire(`{{trans('action.error')}}`, response.message,'error');
                    }
                }
                });
            }
            })
        });

        $('.cron-setup-table11').delegate('.cron-duplicate', 'click', function(e){
            e.preventDefault();
            let url = $(this).data('url');

            Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.duplicate_convert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{trans('action.confirm_duplicate')}}`,
            cancelButtonText: `{{trans('action.cancel')}}`
            }).then((result) => {
            if (result.value) {
                $.ajax({
                url: url,
                    success: function(response) {
                        window.location.href = url;
                    }
                });
            }
            })
        });
    });


    function endemail(cronid){

        let URL = $("#endmail").data('url');

        Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{trans('action.yes')}}`,
            cancelButtonText: `{{trans('action.cancel')}}`
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    type: "POST",
                    cache: false,
                    url: URL,
                    async : false,
                    datatype: "json",
                    success: function(response) {
                        if (response.success) {
                            Swal.fire(response.title,response.msg, 'success');
                            $("#endmail").html(response.button);
                            $("#endmail").attr('class', 'btn btn-'+response.color);
                        } else {
                            Swal.fire(`{{trans('action.error')}}`, `{{trans('action.something_went_wrong')}}`,'error');
                        }
                    }

                });
            }
        })
    }


    function resendtreatmail(tid){

        Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.resend_treatment')}}`,
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            cancelButtonText:`{{trans('action.cancel')}}`,
            confirmButtonText: `{{trans('action.resend_btn')}}`

        }).then((result) => {

            if (result.value) {
                $.ajax({
                    url: "{{ route('resendtreatmail') }}",
                    type: 'POST',
                    data: {
                        timeid: tid
                    },
                    dataType:"json",
                    success: function(msg) {

                        if(msg.status == true){
                            Swal.fire({
                                icon: 'success',
                                title: `{{trans('action.mail_send_success')}}`,
                                showConfirmButton: false,
                                timer: 3500
                            })
                        }else{
                            Swal.fire({
                                icon: 'error',
                                title: msg.title,
                                text: msg.content,
                                showConfirmButton: false,
                                showCloseButton: true
                            })
                        }
                    }
                });
            }
        })
    }

    function display (seconds) {

        const format = val => `0${Math.floor(val)}`.slice(-2)
        const hours = seconds / 3600
        const minutes = (seconds % 3600) / 60

        return [minutes, seconds % 60].map(format).join(':')
    }

</script>
@endsection