��JFIF��2� /home/forge/crm-staging.pigment.se/storage/framework/views/ Current File: /home/forge/crm-staging.pigment.se/storage/framework/views/6eed5300ed51b1284e5dcafc576b136f.php

<div
    wire:poll.30s
    x-data
    x-init="
        if (window.Echo) {
            window.Echo.channel('harvest-confirmations')
                .listen('.HarvestConfirmationUpdated', (e) => {
                    $wire.refreshConfirmations();
                });
        }
    "
>
<div class="py-12">
    <div class="max-w-screen-2xl mx-auto sm:px-6 lg:px-8">
        <!-- Header Section -->
        <div class="md:flex md:items-center md:justify-between mb-6">
            <div class="min-w-0 flex-1">
                <h2 class="text-2xl font-bold leading-7 text-gray-900 dark:text-white sm:truncate sm:text-3xl sm:tracking-tight">
                    Harvest
                </h2>
            </div>
        </div>

         <!-- Current Activity Section -->
         <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg mb-6">
            <div class="p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
                        Current Activity
                    </h3>
                </div>
                <!--[if BLOCK]><![endif]--><?php if($currentActivity): ?>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                        <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $currentActivity; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $activity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4 h-full
                                <?php if($activity['current_activity']): ?>
                                    ring-2 ring-green-500 dark:ring-green-400
                                    bg-green-50 dark:bg-green-900/20
                                <?php endif; ?>"
                            >
                                <div class="flex flex-col h-full">
                                    <div class="flex items-center space-x-4 mb-3">
                                        <img src="<?php echo e($activity['avatar_url']); ?>" alt="<?php echo e($activity['user']); ?>" class="w-10 h-10 rounded-full">
                                        <p class="text-sm font-medium text-gray-900 dark:text-white"><?php echo e($activity['user']); ?></p>
                                    </div>
                                    <div class="flex-1">
                                        <!--[if BLOCK]><![endif]--><?php if($activity['current_activity']): ?>
                                            <p class="text-sm text-gray-600 dark:text-gray-300">
                                                <?php echo e($activity['current_activity']['client']); ?> -
                                                <?php echo e($activity['current_activity']['project']); ?>

                                                <!--[if BLOCK]><![endif]--><?php if(isset($activity['current_activity']['notes'])): ?>
                                                    <br><?php echo e($activity['current_activity']['notes']); ?>

                                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                            </p>
                                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-2">
                                                Started at <?php echo e($activity['current_activity']['started_time']); ?>

                                                (<?php echo e(number_format($activity['current_activity']['hours'], 2)); ?> hours)
                                            </p>
                                        <?php else: ?>
                                            <p class="text-sm text-gray-500 dark:text-gray-400">No active timer</p>
                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                    </div>
                <?php else: ?>
                    <p class="text-sm text-gray-500 dark:text-gray-400">No active timers found</p>
                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
            </div>
        </div>

        <!-- Harvest Invoice Section -->
        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg mb-6">
            <div class="p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
                        Harvest Invoice Processing
                    </h3>
                    <span class="inline-flex rounded-md shadow-sm">
                        <button
                            wire:click="processHarvestInvoices"
                            wire:loading.attr="disabled"
                            class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-150"
                        >
                            <svg wire:loading class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                            </svg>
                            <span wire:loading.remove>Process Invoices</span>
                            <span wire:loading>Processing...</span>
                        </button>
                    </span>
                </div>

                <div class="mt-2">
                    <p class="text-sm text-gray-500 dark:text-gray-400">
                        This utility will process all unbilled time entries in Harvest and create invoices based on your configuration settings.
                    </p>
                </div>

                <!--[if BLOCK]><![endif]--><?php if($message): ?>
                    <div class="mt-4">
                        <div class="rounded-md p-4 <?php echo e($status === 'success' ? 'bg-green-50 dark:bg-green-900/50' : 'bg-red-50 dark:bg-red-900/50'); ?>">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                <!--[if BLOCK]><![endif]--><?php if($status === 'success'): ?>
                                    <svg class="h-5 w-5 text-green-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                    </svg>
                                <?php else: ?>
                                    <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
                                    </svg>
                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                </div>
                                <div class="ml-3">
                                    <p class="text-sm font-medium text-gray-900 dark:text-white">
                                        <?php echo e($message); ?>

                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
            </div>
        </div>

        <!-- Harvest-Slack Time Tracking Section -->
        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg mb-6">
            <div class="p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
                        Harvest Time Tracking Reports
                    </h3>
                </div>

                <div class="mt-2">
                    <p class="text-sm text-gray-500 dark:text-gray-400 mb-4">
                        Send time tracking summaries from Harvest to users via Slack. Each user will receive their individual report.
                    </p>

                    <div class="flex items-center space-x-4 mb-4">
                        <input
                            type="date"
                            wire:model="selectedDate"
                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                        >

                        <button
                            wire:click="processHarvestSlackReports('table')"
                            wire:loading.attr="disabled"
                            class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 dark:bg-green-600 dark:hover:bg-green-700 focus:outline-none dark:focus:ring-green-800 disabled:opacity-50"
                        >
                            <span wire:loading.remove wire:target="processHarvestSlackReports">Send Harvest Report</span>
                            <span wire:loading wire:target="processHarvestSlackReports">Sending...</span>
                        </button>
                    </div>

                    <!--[if BLOCK]><![endif]--><?php if($harvestSlackMessage): ?>
                        <div class="mt-4">
                            <div class="rounded-md p-4 <?php echo e($harvestSlackStatus === 'success' ? 'bg-green-50 dark:bg-green-900/50' : 'bg-red-50 dark:bg-red-900/50'); ?>">
                                <div class="flex">
                                    <div class="flex-shrink-0">
                                        <!--[if BLOCK]><![endif]--><?php if($harvestSlackStatus === 'success'): ?>
                                            <svg class="h-5 w-5 text-green-400" viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                            </svg>
                                        <?php else: ?>
                                            <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
                                            </svg>
                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                    </div>
                                    <div class="ml-3">
                                        <p class="<?php echo e($harvestSlackStatus === 'success' ? 'text-green-700 dark:text-green-200' : 'text-red-700 dark:text-red-200'); ?> text-sm font-medium">
                                            <?php echo e($harvestSlackMessage); ?>

                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg mb-6">
            <div class="p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
                        Time Tracking Confirmations
                    </h3>

                    <button
                        wire:click="$toggle('showConfirmations')"
                        class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
                    >
                        <?php echo e($showConfirmations ? 'Hide' : 'Show'); ?> Confirmations
                    </button>
                </div>

                <!--[if BLOCK]><![endif]--><?php if($showConfirmations): ?>
                    <div class="mb-4">
                        <div class="flex items-center gap-4 mb-4">
                            <select
                                wire:model.live="dateFilter"
                                class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-40 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                            >
                                <option value="this_week">This Week</option>
                                <option value="last_week">Last Week</option>
                                <option value="this_month">This Month</option>
                                <option value="30_days">Last 30 Days</option>
                            </select>

                            <select
                                wire:model.live="selectedUser"
                                class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-64 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                            >
                                <option value="">All Users</option>
                                <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $this->users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $userId => $userName): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($userId); ?>"><?php echo e($userName); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                            </select>
                        </div>

                        <div class="mt-4 overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                                <thead class="bg-gray-50 dark:bg-gray-800">
                                    <tr>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            User
                                        </th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            Hours
                                        </th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            Date
                                        </th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            Status
                                        </th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            Sent At
                                        </th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider dark:text-gray-400">
                                            Confirmed At
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="bg-white divide-y divide-gray-200 dark:bg-gray-900 dark:divide-gray-700">
                                    <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $this->confirmations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $confirmation): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <tr>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
                                                <div class="flex items-center gap-2">
                                                    <span><?php echo e($this->getSlackUserName($confirmation->slack_user_id)); ?></span>
                                                    <a
                                                        href="https://pigmentrom.harvestapp.com/time/day/<?php echo e($confirmation->harvest_date->format('Y/m/d')); ?>/<?php echo e($confirmation->harvest_user_id); ?>"
                                                        target="_blank"
                                                        class="inline-flex items-center text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"
                                                        title="View in Harvest"
                                                    >
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                                            <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" />
                                                            <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" />
                                                        </svg>
                                                    </a>
                                                </div>
                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
                                                <?php echo e(number_format($confirmation->total_hours, 2)); ?> hours
                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
                                                <?php echo e($confirmation->harvest_date->format('Y-m-d')); ?>

                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm">
                                                <!--[if BLOCK]><![endif]--><?php if($confirmation->confirmed_at): ?>
                                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
                                                        Confirmed
                                                    </span>
                                                <?php else: ?>
                                                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200">
                                                        Pending
                                                    </span>
                                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
                                                <?php echo e($confirmation->message_sent_at->format('H:i')); ?>

                                            </td>
                                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
                                                <?php echo e($confirmation->confirmed_at ? $confirmation->confirmed_at->format('H:i') : '-'); ?>

                                            </td>
                                        </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                                </tbody>
                            </table>
                        </div>
                    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /home/forge/crm-staging.pigment.se/resources/views/livewire/harvest/index.blade.php ENDPATH**/ ?>