@extends('layouts.admin')

@section('content')

<div class="userinfo" style="display: none">{{$user->id}}</div>



  
  
    <div id='calendar'></div>


    <script src="{{asset('calendar/moment.min.js')}}"></script>
<script src="{{asset('calendar/moment-jalaali.js')}}"></script>
<script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>
<script src="{{asset('calendar/fullcalendar.min.js')}}"></script>
<script src="{{asset('calendar/fa.js')}}"></script>
<script>
    $(document).ready(function(){


        function toEnglishDigits(str) {

            // convert persian digits [۰۱۲۳۴۵۶۷۸۹]
            var e = '۰'.charCodeAt(0);
            str = str.replace(/[۰-۹]/g, function(t) {
                return t.charCodeAt(0) - e;
            });

            // convert arabic indic digits [٠١٢٣٤٥٦٧٨٩]
            e = '٠'.charCodeAt(0);
            str = str.replace(/[٠-٩]/g, function(t) {
                return t.charCodeAt(0) - e;
            });
            return str;
        }

        var daysEn = {Farvardin:1,Ordibehesht:2,Khordaad:3,Tir:4,Amordaad:5,Shahrivar:6,Mehr:7,Aabaan:8,Aazar:9,Dey:10,Bahman:11,Esfand:12};
        var daysFa = {فرودین:1, اردیبهشت:2,خرداد:3,تیر:4,مرداد:5,شهریور:6,مهر:7,آبان:8,آذر:9,دی:10,بهمن:11,اسفند:12};


        $('#calendar').fullCalendar({

               editable: true,
               eventLimit: true, // allow "more" link when too many events
               isJalaali : true,
               isRTL : true,

               lang : "persianJalali",
               eventClick: function(event) {
                console.log('tess');
               }


           });

           $('.fc-day-grid-container').css('overflow','hidden');
           var userid = $('.userinfo').html();

           //____________________________________
           var today = $('.fc-state-highlight').attr('data-date');
           var sepratetoday = today.split("-");
           var yeartoday =parseFloat(toEnglishDigits(sepratetoday[0]));
           var monthtoday = parseFloat(toEnglishDigits(sepratetoday[1]));
           var daytoday = parseFloat(toEnglishDigits(sepratetoday[2]));

        //    console.log(yeartoday,'yeartoday');
        //    console.log(monthtoday,'monthtoday');
           console.log(daytoday,'daytoday');

           //______________________________________
            function addcreateBut(el){
                var userid = $('.userinfo').html();
                // console.log(yeartoday,'yeartoday');
                    $('.fc-day').each(function(){
                        var dateday = $(this).attr('data-date');
                        // console.log(dateday,'dateday');
                        var seprateday = dateday.split("-");
                        var yearday  = parseFloat(toEnglishDigits(seprateday[0]));
                        var monthday = parseFloat(toEnglishDigits(seprateday[1]));
                        var dayday = parseFloat(toEnglishDigits(seprateday[2]));
                        // console.log(dayday,'dayday');
                        // console.log(monthday,'monthday');
                        // console.log(yearday,'yearday');
                    // ۱۴۰۰-۰۵-۰٦
                    // ۱۴۰۰-۰۵-۰۶


                            if(yearday<=yeartoday){
                                if(monthtoday>=monthday){
                                        if($('.fc-state-highlight').length){
                                            var getUrl = window.location;
                                            var date = $(this).attr('data-date');
                                            var ssd = `${getUrl.origin}/admin/user/createtimesheet/${userid}/${date}`;
                                            var but = `<div class="cont-but"><a type="button" class="btn-sm btn-primary" href="${ssd}">complete sheet</a><div class="badgecon"></div></div>`;
                                            $(this).html(but);
                                            var datadate = $(this).attr('data-date');
                                                for(let i = 0; i<el.length;i++){

                                                    var eltext = el[i].uniquetime.replace(/\s/g, '').replace('٦', '۶');

                                                    if( datadate.replace(/\s/g, '') ==eltext) {
                                                        console.log(el[i].uniquetime,'comitt');
                                                        console.log(datadate,'datadate');
                                                        // console.log("test");
                                                        var bage = `<span class="badge badge-success" style="margin:5px">${el[i].title}-<span style="color:black;font-weight:900;font-size:12px">${el[i].spend_time}</span></span>`;
                                                        $(this).find('.cont-but').find('.badgecon').append(bage);
                                                    }

                                                }




                                        }else {
                                            var getUrl = window.location;
                                            var date = $(this).attr('data-date');
                                            var ssd = `${getUrl.origin}/admin/user/createtimesheet/${userid}/${date}`;
                                            var but = `<div class="cont-but"><a type="button" class="btn-sm btn-primary" href="${ssd}">complete sheet</a><div class="badgecon"></div></div>`;
                                            $(this).html(but);
                                            var datadate = $(this).attr('data-date');
                                                for(let i = 0; i<el.length;i++){
                                                    var eltext = el[i].uniquetime.replace(/\s/g, '').replace('٦', '۶');

                                                    if( datadate == eltext) {
                                                        
                                                        var bage = `<span class="badge badge-success" style="margin:5px">${el[i].title}-<span style="color:black;font-weight:900;font-size:12px">${el[i].spend_time}</span></span>`;
                                                        $(this).find('.cont-but').find('.badgecon').append(bage);
                                                    }

                                                }
                                        }

                                }
                            }

                    if(monthtoday == monthday ){
                       if(daytoday<dayday){
                           $(this).find('.cont-but').remove();
                       }
                    }
                })

            }

            var getUrl = window.location;
            console.log(getUrl);
            var urlg = `${getUrl.origin}/admin/user/timesheet/ajaxindex/${userid}`;
            $.ajax({
            type: 'get',
            url : urlg,
            success : function (datas) {
                console.log(datas,'tst');
                //start
                addcreateBut(datas);
                $(".fc-button").click(function(){
                    $('.fc-day-grid-container').css('overflow','hidden');
                    addcreateBut(datas);
                    })
                //end
            }
            });





                 //convert en lang to per lang

                function convertEnTopersian() {
                    var yearM = $('.fc-toolbar').find('.fc-right h2').html();
                    var seprateyearM = yearM.split(" ")

                    for (var key of Object.keys(daysEn)) {

                        if(key == seprateyearM[0] ) {

                            var denkey = daysEn[key];
                            for (var key of Object.keys(daysFa)) {

                                if(denkey == daysFa[key] ) {
                                    console.log(key);
                                    console.log(seprateyearM);
                                    $('.fc-toolbar').find('.fc-right h2').html(`${key}-${seprateyearM[1]}`);
                                }
                            }
                        }
                    }
                }
                convertEnTopersian();



                $('.fc-button').click(function(){
                    convertEnTopersian();
                })

    })


</script>
  
@endsection