@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') }}">
    <link rel="stylesheet" href="{{ asset('/css/blade-css/cron.css') }}">
@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 button-demo">
    <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>{{__('action.cron_archive')}} {{__('action.page_heading1_cron_view')}}</h2>
                    <p>energetsich.fit Fernbehandlung</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-end">

            <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>
                        {{__('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') }}">
                <button class="btn btn-info mt-3 mr-3 mt-sm-0 ladda-button" data-style="expand-left">
                    <span class="ladda-label">
                       <i class="fas fa-backward mr-2 ml-2"></i>
                        {{__('action.go_back')}}
                    </span>
                    <span class="ladda-spinner"></span>
                    <div class="ladda-progress" style="width: 0px;"></div>
                </button>
                {{-- <button class="btn btn-info mt-3 mt-sm-0">
                    <i class="fas fa-backward mr-2 ml-2"></i>
                    {{__('action.go_back')}}

                </button> --}}
            </a>

        </div>
    </div>

    <!-- Filters -->
    <div class="ui-bordered px-4 pt-4 my-4 bg-white card filter-box-cron" id="serach">
        <div class="form-row align-items-center">
            <div class="col-md-3 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-2 col-lg-2 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-3 col-lg-2 mb-4">
                <label for="">Date Range</label>
                <input class="form-control" type="text" id="datefilter">
            </div>
    
            <div class="col-md-3 col-lg-3">
                <div class="button-demo mb-4 filter-btn">
                    <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> --}}
                    <div>
                        <button class="mx-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="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>
        </div>
    </div>
    <!-- / Filters -->
    <div class="card">
        <div class="card-datatable table-responsive" id="card-datatable">
            <table class="table table-striped table-bordered cron-setup-table11 crondatatable" id="cron_table">
                <thead>
                    <tr>
                        <th>{{trans('action.sno')}}</th>
                        <th data-sortable="true" data-order="asc">{{trans('action.full_name_cron_view')}}</th>
                        <th>{{trans('action.note_tag')}}</th>
                        <th>{{trans('action.manage_topic')}}</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.month')}}/{{trans('action.year')}}</th>
                        <th>{{trans('action.action')}}</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</section>

<div class="modal fade" id="crnDraftModal"></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 ='',order = '', range=''){
            $('#cron_table').DataTable({
                columnDefs: [
                    { targets: [0,2,3,4,5,6,7,8,9], orderable: false },
                    { targets: [0],width: '5%'},
                    // { targets: [13],width: '12%' },
                    {
                        targets: [1], 
                        type: 'user-full-name'
                    }
                ],
                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_archive', ['archive'])}}",
                    type: 'GET',
                    pages: 20,
                    data: { user:user ,type:type,status:status,orderBy:order, range:range},
                },
                order: [[1, 'ASC']],
                button: false,
                searching: true, 
                scrollCollapse: true,
                processing: true,
                autoWidth: true,
                columns:[
                    {
                        data: "id",
                        render: function (data, type, row, meta) {
                            return meta.row + meta.settings._iDisplayStart + 1;
                        }
                    },
                    {
                        data: 'user_full_name',
                        name: 'user_full_name',
                        searchable: false,
                        render: function (data, type, row, meta) {
                            const hasCronSetup = row.cronsetuptimes && row.cronsetuptimes.length > 0;

                            if (hasCronSetup) {
                                // Parse start and end date strings into Date objects
                                const startDate = new Date(row.start_date_time);
                                const endDate = new Date(row.end_date_time);

                                // Calculate the time difference in milliseconds
                                const timeDiff = endDate - startDate;

                                // Convert milliseconds to seconds and then to hours, minutes, and seconds
                                const seconds = Math.floor(timeDiff / 1000);
                                const minutes = Math.floor(seconds / 60);
                                const hours = Math.floor(minutes / 60);

                                // Format the duration as a string
                                const duration = `${hours} hours, ${minutes % 60} minutes, ${seconds % 60} seconds`;

                                return `
                                    <div class="namewithdate">
                                        <h4>${data}</h4>
                                        <span class="startend">
                                            <h5>
                                                <i class="fas fa-clock"></i> ${row.start_date_time}
                                                <i class="fas fa-arrow-right"></i> ${row.end_date_time}
                                                <br>
                                                <span style="margin-left: 1px;">[${duration}]</span>
                                            </h5>
                                            
                                            <span><i class="fas fa-map-marker"></i> (${row.cronsetuptimes[0].timezone})</span>
                                        </span>
                                    </div>`;
                            } else {
                                return `
                                    <div class="namewithdate">
                                        <h4>${data}</h4>
                                        <div class="badge badge-danger">No Treatment</div>
                                    </div>`;
                            }
                        }
                    }, 
                    {data:'note', name:'note', searchable: false},
                    {data:'topic', name:'topic', searchable: false}, 
                    {data:'cron_type', name:'cron_type', searchable: false},
                    {data:'run_time', name:'run_time', searchable: false},
                    {data:'status', name:'status', searchable: false, className: 'status table-head-width'},
                    {data:'open_status_by_user', name:'open_status_by_user', searchable: false},
                    {
                        data: 'cal_type',
                        name: 'cal_type',
                        searchable: false,
                        render: function (data, type, row, meta) {
                        const check = (data == 1) ? 'checked' : '';
                            return `
                            <div class="col-md-12">
                                <div class="d-flex align-items-center month-year-checkbox">
                                    <div class="flex-shrink-1 mr-1">{{trans('action.year')}}</div>
                                    <label class="switcher switcher-sm switcher-success m-0">
                                        <input type="checkbox" disabled class="switcher-input" ${check} >
                                        <span class="switcher-indicator">
                                            <span class="switcher-yes"></span>
                                            <span class="switcher-no"></span>
                                        </span>
                                    </label>
                                    <div class="flex-shrink-1 text-success ml-2">{{trans('action.month')}}</div>
                                </div>
                            </div>
                            `;
                        }
                    },                    

                    // {data: 'action', name: 'action', searchable: false},
                    {
                        data: 'action',
                        name: 'action',
                        searchable: false,
                        className: 'action-column' // Add a class to the 'action' column
                    },
                    
                ]
            });
            // Define a custom sorting function for the user_full_name column
            jQuery.extend(jQuery.fn.dataTableExt.oSort, {
                "user-full-name-pre": function(a) {
                    return a.toLowerCase().split(" ").reverse().join(", ");
                },

                "user-full-name-pre": function(a) {
                    return a.toLowerCase().split(" ").reverse().join(", ");
                },
            
                "user-full-name-asc": function(a, b) {
                    return a.localeCompare(b);
                },
            
                "user-full-name-desc": function(a, b) {
                    return b.localeCompare(a);
                }
            });
        }
        

        $(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();
            var range=$("#datefilter").val();
                $('#cron_table').DataTable().destroy();
                load_data(user,type,status,'',range);
        });

        $('#refresh_button').click(function(){
            $(".selectpicker").val('').change();
            $("#datefilter").val('');
            $('#cron_table').DataTable().destroy();
            load_data();

            $('.filter-box-cron').removeClass('expandCard');
        });

    });

    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{

                    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: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.yes')}}`,
            cancelButtonText: `{{__('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(`{{__('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(`{{__('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: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.yes_delete')}}`,
            cancelButtonText: `{{__('action.cancel')}}`
            }).then((result) => {
            if (result.value) {
                $.ajax({
                type: "DELETE",
                url: url,
                success: function(response) {
                    if (response.success) {
                        Swal.fire('Deleted!', response.message,'success');
                        $("#cron_"+response.id).remove();

                    } else {
                        Swal.fire('Error!', response.message,'error');
                    }
                }
                });
            }
            })
        });

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

            Swal.fire({
            title: `{{__('action.areyousure')}}`,
            text: `{{__('action.duplicate_convert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.confirm_duplicate')}}`,
            cancelButtonText: `{{__('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: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.yes')}}`,
            cancelButtonText: `{{__('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('Error!', `{{__('action.something_went_wrong')}}`,'error');
                        }
                    }

                });
            }
        })
    }


    function resendtreatmail(tid){

        Swal.fire({
            title: `{{__('action.areyousure')}}`,
            text: `{{__('action.resend_treatment')}}`,
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            confirmButtonText: `{{__('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: `{{__('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(':')
    }


    $(document).on('click','.share_cron',function(){  
        // alert('Hello');
        $('.share_cron').parent().removeClass('open');
        $(this).parent().addClass('open');
        $(this).next('.share-tooltip-content').empty();

        // "https://start.energetisch.fit/cron/overview/70576/12880afa60feae8c99b0326756d413bbfb9b"
        let link = window.location.origin+'/cron/overview/'+$(this).data('id')+'/'+$(this).data('uniqueid')
        event.stopPropagation();
        $(this).next('.share-tooltip-content').append(`
            <a href="https://api.whatsapp.com/send?text=${link}" target="_blank" class="what-link"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></a>
            <a href="https://t.me/share/url?url=${link}" target="_blank" class="tel-link"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"/></svg></a>
            <a href="#" class="copy-link" data-url="${link}"><i class="fas fa-copy"></i></a>   
        `);
    });



    $(document).on('click', function(event) { 
        if (!$(event.target).closest('.share_cron').length) { 
            $('.share_cron').parent().removeClass('open');
        }
    });


    $(document).on('click','.fbc-title',function(){  
         $(this).parent().addClass('expandCard');
    });

    
    flatpickr("#datefilter", {
        mode: "range"
    });
</script>
@endsection