@extends('layouts.app')
@section('title', trans('menu.schedule_title'))
@section('plugin-styles')
    <link type="text/css" rel="stylesheet" href="{{asset('vendors/daterangepicker/css/daterangepicker.css')}}" />
    <style>
        .fullData{
            font-size:16px;
        }
        .modal-first .modal-content{
            border:none !important;
        }

        .modal-second {
            z-index: 1060 !important;
            width: 99% !important;
        }
        .gray-shade {
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent gray */
        position: relative;
        }

        .gray-shade::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent gray */
        z-index: 1;
        }
        .align-right{
            text-align:right !important;
        }
        .show-scheduling-part table thead th {
            position: relative;
            padding: 0;
        }
        .vertical-border {
            position: absolute;
            top: 100%;
            right: 0;
            width: 1px;
            background-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
            pointer-events: none;
        }

    </style>
@stop

@section('content')
    @php
        $user = request()->user();

        $now = Carbon\Carbon::now();
		$week = $date->weekOfYear;
        $prevDay = $date->copy()->subDay()->format(config('settings.date_format'));
        $nextDay = $date->copy()->addDay()->format(config('settings.date_format'));
        $today = Carbon\Carbon::today()->format(config('settings.date_format'));
        $employees = collect();
    @endphp

    <div class="content">
        <div class="content-header pb-1">
			@include('layouts.partials.single-page-header-schedule', [
				'userData' => $user,
				'mySchdule' => 0,
			])
		</div>
		@include('layouts.partials.excelModal')
		@include('layouts.partials.excelModalSendEmail')
        @include('timetracker::schedules.duplicatSchedule', [
            'user' => $user,
            'edit' => false
        ])
        @if (isset($error) && $error != "")
            <div class=" m-4 text-center">
                <h4 class="text-danger"><i class="mdi mdi-alert-circle"></i> {{$error}}</h4>
            </div>
        @else

            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6">
                <livewire:widgets.special-days :from="$date" :to="$date" :user="$user" />

                <livewire:timetracker::widgets.compensations :from="$date" :to="$date" :user="$user" />

                <livewire:timetracker::widgets.vacations :from="$date" :to="$date" :user="$user" />

                <livewire:timetracker::widgets.leaves :from="$date" :to="$date" :user="$user" />
            </div>

			@include('layouts.partials.schedule-filter',[
                'prev' => $prevDay,
                'next' => $nextDay,
                'type' => 'date'
            ])

            @php
                $dtFormat = config('settings.date_format') . ' ' . config('settings.time_format');
            @endphp
            <div id="fc-popover" class="tooltip-container absolute z-[9999] bg-base-white shadow-base rounded-lg max-w-xs hidden">
                <div class="h-full w-full p-5 relative flex flex-col gap-4 cursor-default">
                    <div id="popover-content"></div>
                </div>
            </div>
            <div class="grid grid-cols-1 xl:grid-cols-2 gap-6 justify-between">

            @php
                $i = 0; $prev= null; $xleft = []; $xright = [];

                $dtFormat = config('settings.date_format').' '.config('settings.time_format');
                $workstation_time_labels = [];
                foreach($workstations as $ekey => $workstation) {
                    $total_workinghours = 1;
                    $workinghours = [];
                    $isHideRowForAdmin = 0;
                    $extraClass = '';
                    if ($workstation->is_hide == 1) {
                        if ($workstation->isHiddenForUser($user)) {
                            $isHideRowForAdmin = 1;
                        } else {
                            $extraClass = 'hiddenForUser';
                            $isHideRowForAdmin = 2;
                        }
                    }
                    if ($isHideRowForAdmin == 2) {
                        continue;
                    }
                    $blur = $isHideRowForAdmin == 1 ? 'linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8))' : 'linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4))';

                    if($workstation->workinghours) {
                        $workinghours = array_map(function($value) use($dtFormat) {
                            $hours = explode(";", $value);

                            if(config('settings.time_format') == "h:i a") {
                                $hours[0] = explode(" ",  Carbon\Carbon::createFromTimestamp(intval($hours[0] / 1000))->format($dtFormat));
                                $hours[1] = explode(" ",  Carbon\Carbon::createFromTimestamp(intval($hours[1] / 1000))->format($dtFormat));

                                $hours = array_merge($hours, ['from' => $hours[0][1].' '. $hours[0][2], "to" => $hours[1][1].' '. $hours[1][2]]);

                                $hours[0] = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $hours[0][1].' '. $hours[0][2])->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                                $hours[1] = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $hours[1][1].' '. $hours[1][2])->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                            } else {
                                $hours[0] = explode(" ",  Carbon\Carbon::createFromTimestamp(intval($hours[0] / 1000))->format($dtFormat));
                                $hours[1] = explode(" ",  Carbon\Carbon::createFromTimestamp(intval($hours[1] / 1000))->format($dtFormat));

                                $hours = array_merge($hours, ['from' => $hours[0][1], "to" => $hours[1][1]]);

                                $hours[0] = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $hours[0][1])->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                                $hours[1] = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $hours[1][1])->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                            }

                            //$workinghours[$key] = implode(";", $hours);

                            return $hours;
                        }, json_decode($workstation->workinghours, true));

                        $workstation_time_labels = $workinghours[strtolower($date->format('D'))];

                        $workinghours = range($workinghours[strtolower(now()->format('D'))][0], $workinghours[strtolower(now()->format('D'))][1]);
                        $total_workinghours = count($workinghours);

                    }

                    $check =0; $common = '';
                    $capacity_usage = 0;
                    $capacity_html = "";
                    $gotVacation = 0;$gotLeave = 0;
                    $employee_time_segment = [];

                    $healthcare = 0;

                    foreach( $workstation->schedules as $skey => $schedule ) {
                        $usersData = $schedule->user;
                        $parent_id = ( $schedule->parent_id > 0 ) ? $schedule->parent_id : $schedule->id;
                        
                        echo view('layouts.partials.userModal', [
                            'usersData' => $usersData,
                            'user' => $user
                        ])->render();

                        $photo = getMediaUrl($schedule->user, 'photograph', 'thumb');
                        //$departments = $schedule->user->departments->pluck('name')->implode(', ');

                        if ($user->can('access_employee_files', $usersData)) {
                            $username = ($user->id === $schedule->user_id || $user->hasPermissionTo('view profile employee'))
                            ? "<a class='font-semibold' href='javascript:;' data-toggle='modal' data-target='#userModal-{$usersData->id}'>" . $schedule->user->display_name . "</a>"
                            : $schedule->user->display_name;
                        }else{
                            $username = ($user->id === $schedule->user_id || $user->hasPermissionTo('view profile employee')) ? "<a class='font-semibold' href='".route('users.profile.show', $schedule->user->id)."'>".$schedule->user->display_name."</a>" : $schedule->user->display_name;
                        }

                        if($schedule->position->healthcare) {
                            $start = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $schedule->start_time)->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                            $end = Carbon\Carbon::createFromFormat($dtFormat, Carbon\Carbon::today()->format(config('settings.date_format')).' '. $schedule->end_time)->diffInMinutes(Carbon\Carbon::now()->startOfDay());
                            $employee_time_segment = range( $start, $end);

                            $workinghours = array_diff($workinghours, $employee_time_segment);
                            $healthcare = 1;
                        }

                        $common .= "<div class='flex justify-between items-center mb-3'>";
                        $common .= "<div class='flex items-center'>";
                        //$common .= "<span class='function-color-box-{$schedule->position->id} p-3' style='width:40px;height:40px;background:".($schedule->position->color ? $schedule->position->color : "#e1e6fa")."'></span>";
                        //rgba(60, 60, 60, .8)
                        $common .= "<div><img src='".$photo."' class='rounded-circle h-[70px] w-[70px]'></div>";

                        $bgColor = $isHideRowForAdmin == 1 ? 'background: #e5e7eb;' : 'background: #ffffff;';

                        $common .= "<h4 style='{$bgColor} padding: 10px;border-radius: 10px;' class='ml-2 mb-0 text-[14px]'>
                            {$username}
                            <br/>
                            <span class='font-weight-light text-[12px]' style='line-height:1.5rem'>{$schedule->position->name}</span>
                            <br/>
                            <span class='font-weight-light text-[12px] flex items-center' style='line-height:1rem'>
                                <span>{$schedule->start_time} - {$schedule->end_time}</span>";

                            $breaks = @unserialize($schedule->break_time);
                            $breakPopover = '';

                            if (!empty($breaks) && is_array($breaks)) {
                                $breakDetails = '';

                                $breakDetails = "<div class='font-semibold text-orange-500 text-sm mb-1'>" . trans('forms.break_time') . "</div>";

                                foreach ($breaks as $break) {
                                    $breakDetails .= "<div class='text-xs text-gray-600'>" . ($break['start_time_break'] ?? '') . " - " . ($break['end_time_break'] ?? '') . "</div>";
                                }

                                $breakPopover = "data-content='".htmlspecialchars($breakDetails, ENT_QUOTES)."'";
                            }
                            if (!empty($breakPopover)) {
                                $common .= "<span class='has-popover inline-flex items-center justify-center ml-2 rounded-full bg-orange-100 hover:bg-orange-200 p-1 cursor-pointer transition' {$breakPopover}>
                                    <svg class='cursor-pointer text-custom-orange-900' width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
                                        <path d='M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
                                    </svg>
                                </span>";
                            }

                        $common .= "</span></h4></div>";


                        if( $user->can('update', $schedule) && $isHideRowForAdmin == 0) {
                            $common .= "
                                <a class='inline-flex items-center justify-center btn-secondary-sm rounded-full p-2 mr-1' href='".route('schedules.edit', $schedule->id)."'>
                                    <svg class='cursor-pointer text-custom-orange-900' width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
                                        <path d='M12 20.0002H21M3 20.0002H4.67454C5.16372 20.0002 5.40832 20.0002 5.63849 19.945C5.84256 19.896 6.03765 19.8152 6.2166 19.7055C6.41843 19.5818 6.59138 19.4089 6.93729 19.063L19.5 6.50023C20.3285 5.6718 20.3285 4.32865 19.5 3.50023C18.6716 2.6718 17.3285 2.6718 16.5 3.50023L3.93726 16.063C3.59136 16.4089 3.4184 16.5818 3.29472 16.7837C3.18506 16.9626 3.10425 17.1577 3.05526 17.3618C3 17.5919 3 17.8365 3 18.3257V20.0002Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path>
                                    </svg>
                                </a>";

                            
                        }

                        $common .= '</div>';

                        $check = 1;

                        if( !$employees->contains('id', $schedule->user->id) ) {
                            $employees->add( $schedule->user );
                        }
                    }

                    if (isset($maintences[$workstation->id])) {
                        foreach ($maintences[$workstation->id] as $key => $value) {
                            $common .= "<div class='flex justify-between items-center mb-3'>";
                            $common .= "<div class='flex items-center'>";
                            $common .= "<div style='width:70px; height:70px' class='bg-warning py-2 px-3'><span class='mdi mdi-settings icon-lg ml-1'></span></div><div></div>";
                            $common .= "<h4 style='background: #fff;padding: 10px;border-radius: 10px;' class='ml-2 mb-0 text-[14px]'>";
                            
                            $common .= "<span class='font-weight-light text-[12px]' style='line-height:1.5rem'>" . $value->subject . "</span><br/>";
                            
                            if ($value->start_time || $value->end_time) {
                                $timeParts = [];
                                if ($value->start_time) {
                                    $timeParts[] = parseFromFormat($value->start_time)->format(config('settings.time_format'));
                                }
                                if ($value->end_time) {
                                    $timeParts[] = parseFromFormat($value->end_time)->format(config('settings.time_format'));
                                }
                                $common .= "<span class='font-weight-light text-[12px]' style='line-height:1.2rem'>" . implode(' - ', $timeParts) . "</span><br/>";
                            }
                            

                            $common .= "<span class='font-weight-light' style='line-height:1.2rem'>" . trans('label.mainenance') . "</span>";
                            $common .= "</h4></div>";
                            $common .= "</div>";  
                        }
                    }


                    $current_workinghours_count = count($workinghours);

                    if($current_workinghours_count == 0) {
                        $capacity_usage = 100;
                    } else {

                        if($healthcare == 0) {
                            $workinghours = [];
                        }

                        $capacity_usage = number_format((($total_workinghours - $current_workinghours_count) / $total_workinghours) * 100);
                    }

                    if(($workstation->workinghours && $workstation->is_operation_room == 1) && $user->can('view_capacity_usage', App\User::class)) {
                        $class = "mb-6";
                        $capacity_html = '<div class="position-relative show-operation-part"><div style="height: 24px;" class="progress bg-custom-orange-400">
                                <div class="progress-bar bg-success progress-bar-animated" role="progressbar" style="width:'.$capacity_usage .'%" aria-valuenow="'.$capacity_usage.'" aria-valuemin="0" aria-valuemax="100">
                                </div></div>';

                            if(!empty($workstation_time_labels)) {
                                // dd($workstation_time_labels[strtolower(now()->format('D'))]);
                                $capacity_html .= '<div style="top:0;" class="position-absolute w-100 px-1 pt-1"><div class="flex justify-between"><div class="text-small">'.$workstation_time_labels['from'].'</div>
                                <div class="text-small">'.$capacity_usage .'%</div><div class="text-small">'.$workstation_time_labels['to'].'</div></div></div>';
                            }

                                $capacity_html .= '</div>';
                    }else{
                        $class = "";
                    }


                    if( $check == 0 ) {
                        $common .= '<p class="not_scheduled flex justify-center items-center text-uppercase text-white">'.trans("schedules.lbl_not_scheduled").'</p>';
                    }

                        $xbox = "<div class='{$extraClass} tw-card workstation workstation-".$workstation->id."'
                                style='background: {$blur}, url(".getMediaUrl($workstation, 'featured_image', 'medium').")'
                            >
                        $capacity_html
                        <div class='card-body p-4 flex flex-col justify-between h-full'><div class='schedule-list flex-1 overflow-y-auto'>
                            <div class='flex justify-between items-center mb-3'>
                                <h4 class='card-title mb-0 text-white'>".$workstation->name."</h4>";

                    $show_note_icon = $user->hasPermissionTo("create schedules") || !$workstation->comments->isEmpty();

                    if ($show_note_icon) {
                        $xbox .= "<div class='flex space-x-2'>
                            <a data-id='" . $workstation->id . "'
                            data-name='" . htmlspecialchars($workstation->name) . "'
                            class='btn-notes text-uppercase btn-secondary-sm p-2 relative inline-block'
                            data-toggle='modal'
                            data-target='#modal-notes-dialog'
                            data-uri='" . route('schedules.notes.index', $workstation->id) . "'
                            data-title='" . trans('schedules.notes') . "'
                            href='javascript:;'>";

                        if ($workstation->comments->count() > 0) {
                            $xbox .= "<span class='absolute -top-[3.2px] left-1/2 text-[12px] font-bold rounded-full px-1'>
                                        " . $workstation->comments->count() . "
                                    </span>";
                        }

                        $xbox .= "<span class='mdi mdi-note-text icon-sm text-custom-orange-900'></span>
                            </a>";
                    }





                    if( $user->hasPermissionTo("create schedules") && $isHideRowForAdmin == 0) {

                        $xbox .= "<a data-id='"
                                .$workstation->id."' data-name='".htmlspecialchars($workstation->name)."' class='btn-create text-uppercase btn-secondary-sm p-2' data-toggle='modal' data-target='#modal-dialog' data-title='".trans('schedules.create')."' href='javascript:;'>
                                <span class='mdi mdi-plus icon-md text-custom-orange-900 cursor-pointer'></span></a>";

                    }

                    if($show_note_icon) {
                        $xbox .= '</div>';
                    }

                    $bgColor = $isHideRowForAdmin == 1 ? 'background: #e5e7eb;' : '';
                    
                    $xbox .= "</div> $common </div><div class='mt-auto w-full text-center text-white pt-2 $class'><a style='{$bgColor}' class='btn-tertiary-sm inline-block' href='".route('checklists.listIndex')."?workstation_id=".$workstation->id."&date=".date(config('settings.date_format'),strtotime($date))."'>".__('menu.view_checklist')."</a></div></div></div>";
                    
                    if( $workstation->column == 0 ) {
                        $xleft[] = $xbox;
                    } else {
                        $xright[] = $xbox;
                    }

                    $i++;
                }

                $maxLength = (count($xleft) > count($xright)) ? count($xleft) : count($xright);
            @endphp

            @for ($i=0; $i < $maxLength; $i++)
                @if(isset($xleft[$i]))
                    <div class="stretch-card workstation-main-div  "></div>
                @endif
                @if(isset($xright[$i]))
                    <div class="stretch-card workstation-main-div"></div>
                @endif
            @endfor

        </div>
        @endif

	</div>
    @include('timetracker::schedules.components.createdaily-notes')
	@include('timetracker::schedules.components.createdaily')
	@include('timetracker::leaves.create-daily-leave')
@stop
@section('footer-script')
    <script type="text/javascript" src="{{asset('vendors/daterangepicker/js/daterangepicker.js')}}"></script>
	@include('layouts.partials.errors')
    @include('timetracker::schedules.components.form-js', ['edit' => false, 'daily' => true])
	@include('timetracker::schedules.components.daily-js')
	<script>
		AddReadMore();

        let location_id = {{request()->location ?? 0}};
        
        var s_date = '{{request()->has('date') && request()->get('date') != "" ? date(request()->get('date')) : ''}}';
        date = (s_date  != "") ? moment(s_date , "{{getDateFormat()}}") : '';
        

		$('body').on('click', 'button.email', function(e) {
			e.preventDefault();
			PDRequest({
				type    : "GET",
				url     : '{{ route('schedules.daily')}}?date={{$date}}&email=1'
			});
		});

		$(document).ready(function() {

            $("#show-operation-switch").change(function () {
                if ($(this).is(":checked")) {
                    $(".workstation-main-div").each(function () {
                        const $thisWorkstation = $(this);
                        const showPart = $thisWorkstation.find(".show-operation-part");

                        if (showPart.length) {
                            showPart.removeClass("hidden");
                        } else {
                            $thisWorkstation.addClass("hidden");
                        }
                    });
                } else {
                    $(".workstation-main-div").removeClass("hidden");
                }
            });

            $('.show-scheduling-part table').each(function () {
                const $table = $(this);
                const tableHeight = $table.outerHeight();
                const thHeight = $table.find('thead th').outerHeight();
                const borderHeight = tableHeight - thHeight;

                $table.find('thead th').each(function () {
                    $(this).find('.vertical-border').remove(); // Avoid duplicates
                    const $border = $('<div class="vertical-border"></div>').css({
                        height: borderHeight + 'px'
                    });
                    $(this).append($border);
                });
            });

            $('#show-schedule').on('show.bs.modal', function () {
                $('#modal-dialog .modal-content').addClass('gray-shade');
            });

            $('#show-schedule').on('hidden.bs.modal', function () {
                $('#modal-dialog .modal-content').removeClass('gray-shade');
                $('body').addClass('modal-open');
            });

			if ($(".datetimepicker-10").length) {

				$('.datetimepicker-10').datetimepicker({
					format:'{{getTimeFormat()}}',
					defaultDate: moment({
					hour: 8
				}),
				allowInputToggle: true,
				keepOpen : false,
				icons: datePickerIcons,
				});

			}

			$('body').on('click', '.printOnPage', function(e) {
				var exportType = $(this).attr('data-name');
                location_id = "{{request()->location ?? ''}}";
				var vacationhours = {{isset($vacationhours) ? $vacationhours->count() : 0}};
				var sh_date = s_date;
                var orderby = $('input[name="orderby"]:checked').val();
                var url = "{{ route('schedules.daily-report.excel') }}" 
                    + '?location_id=' + location_id 
                    + '&vacationhours=' + vacationhours 
                    + '&date=' + sh_date 
                    + '&exportType=' + exportType 
                    + '&orderby=' + orderby;

                var myWindow = window.open(url, "");
			});

            $('body').on('click', '.printOnPageSendMail', function(e) {
                var menuType = "daily";
                var exportType = $(this).attr('data-name');
                var location_id = "{{ request()->location ?? '' }}";
                var vacationhours = "{{ isset($vacationhours) ? $vacationhours->count() : 0 }}";
                var sh_date = s_date;
                var orderby = $('input[name="orderby"]:checked').val(); // Get selected orderby

                var url = "{{ route('schedules.send-as-email') }}" 
                    + '?location_id=' + location_id 
                    + '&vacationhours=' + vacationhours 
                    + '&date=' + sh_date 
                    + '&exportType=' + exportType 
                    + '&menuType=' + menuType
                    + '&orderby=' + orderby;

                var myWindow = window.open(url, "");
            });


		});

        function cb(start, end) {
            $('#reportrange span.date-text').html(start.format('D MMM, YYYY'));
            window.location = "{{route('schedules.daily')."?date="}}"+start.format(current_date_format)
        }

        let selectedDate = moment(); // default to current date
        let selectedLocation = "";

        @if(request()->has('date') && request()->get('date') != "")
            selectedDate = moment("{{ request()->get('date') }}", "{{ getDateFormat() }}");
        @endif

        @if(request()->has('location') && request()->get('location') != "")
            selectedLocation = "{{ request()->get('location') }}";
        @endif

        $('#reportrange').daterangepicker({
            opens           : 'left',
            singleDatePicker: true,
            showDropdowns   : true,
            showWeekNumbers: true,
            startDate       : selectedDate,
            locale          : {
                format      : "{{ getDateFormat() }}",
                firstDay    : 1,
                daysOfWeek  : daysOfWeek,
                monthNames  : monthNames
            }
        }, function(start, end, label) {
            // This callback runs when a date is selected
            let newUrl = window.location.pathname + '?date=' + start.format("{{ getDateFormat() }}");
            
            if (selectedLocation !== "") {
                newUrl += '&location=' + encodeURIComponent(selectedLocation);
            }

            window.location.href = newUrl;
        });


	</script>
@endsection