000

<?php $__env->startSection('title', 'Dashboard'); ?>

<?php $__env->startSection('content'); ?>
   
         <div style="color: #333;"><strong>Dashboard</strong></div>
   
<div class="content-grid">
    
    <div class="banner" style="width: 796px;  border-radius: 10px; background-color: #2F5E07;">
        <div class="banner-content">
            <div class="banner-title">Seamless Farm-to-Fork Management with End-to-End Traceability!</div>
            <div class="banner-description">Our system helps you to manage Farms, Harvests, Inventory, Customer Order, Process and Dispatch in order to provides traceability across supply chain.</div>
        </div>
        <img src="<?php echo e(asset('dashboard/farmer.png')); ?>" alt="Farmer with phone" class="banner-image">
    </div>
    
    
    <div class="left-column">
        
        <div class="weather-widget">
            <div class="weather-header">
                <div class="location">
                    <div class="location-icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <div class="location-details">
                        <div class="location-name">Lucknow</div>
                        <div class="location-day">Monday</div>
                    </div>
                </div>
                
                <div class="time-filter">
                    <div class="time-option active">24 hours</div>
                    <div class="time-option">Weekly</div>
                </div>
            </div>
            
            <div class="temperature-display">
                <div class="main-temp">21°C</div>
                <div class="weather-icon">
                    <img src="https://via.placeholder.com/40x40" alt="Weather" class="weather-icon-img">
                </div>
            </div>
            
            <div class="weather-metrics">
                <div class="metric">
                    <div class="metric-icon">
                        <i class="fas fa-thermometer-half"></i>
                    </div>
                    <div class="metric-value">22°C</div>
                    <div class="metric-label">Soil Temp.</div>
                </div>
                
                <div class="metric">
                    <div class="metric-icon">
                        <i class="fas fa-tint"></i>
                    </div>
                    <div class="metric-value">28%</div>
                    <div class="metric-label">Humidity</div>
                </div>
                
                <div class="metric">
                    <div class="metric-icon">
                        <i class="fas fa-wind"></i>
                    </div>
                    <div class="metric-value">4m/s</div>
                    <div class="metric-label">Wind</div>
                </div>
                
                <div class="metric">
                    <div class="metric-icon">
                        <i class="fas fa-cloud-rain"></i>
                    </div>
                    <div class="metric-value">0</div>
                    <div class="metric-label">Precipitation</div>
                </div>
            </div>
            
            <div class="sun-timeline">
                <div class="timeline-arc"></div>
                <div class="sun-icon">
                    <i class="fas fa-sun"></i>
                </div>
                <div class="timeline-times">
                    <div class="time-point">
                        <div>7:00 am</div>
                        <div>SunShine</div>
                    </div>
                    <div class="time-point">
                        <div>8:00pm</div>
                        <div>Sun Set</div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="chart-container">
            <div class="chart-title">Registered Farmer</div>
            <div class="chart-wrapper">
                <div class="chart">
                    <div class="chart-bar green" style="height: 30%;"></div>
                    <div class="chart-bar yellow" style="height: 40%;"></div>
                    <div class="chart-bar green" style="height: 70%;"></div>
                    <div class="chart-bar yellow" style="height: 85%;"></div>
                    <div class="chart-bar green" style="height: 70%;"></div>
                    <div class="chart-bar yellow" style="height: 50%;"></div>
                    <div class="chart-bar green" style="height: 70%;"></div>
                    <div class="chart-bar yellow" style="height: 40%;"></div>
                    <div class="chart-bar green" style="height: 35%;"></div>
                    <div class="chart-bar yellow" style="height: 60%;"></div>
                    <div class="chart-bar green" style="height: 80%;"></div>
                    <div class="chart-bar yellow" style="height: 70%;"></div>
                </div>
            </div>
            <div class="chart-labels">
                <span>Jan</span>
                <span>Feb</span>
                <span>Mar</span>
                <span>Apr</span>
                <span>May</span>
                <span>Jun</span>
                <span>Jul</span>
                <span>Aug</span>
                <span>Sept</span>
                <span>Oct</span>
                <span>Nov</span>
                <span>Dec</span>
            </div>
        </div>
    </div>
    
    
    <div class="right-column">
        
        <div class="stats-container" style="margin-top: -202px;">
            <div class="stat-card">
                <div class="stat-title">User</div>
                <div class="stat-content">
                    <div class="stat-icon">
                        <i class="fas fa-user"></i>
                    </div>
                    <div class="stat-value">9</div>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-title">Fertilizer Stock</div>
                <div class="stat-content">
                    <div class="stat-icon">
                        <i class="fas fa-flask"></i>
                    </div>
                    <div class="stat-value">5</div>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-title">Crops</div>
                <div class="stat-content">
                    <div class="stat-icon">
                        <i class="fas fa-seedling"></i>
                    </div>
                    <div class="stat-value">82</div>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-title">Machines</div>
                <div class="stat-content">
                    <div class="stat-icon">
                        <i class="fas fa-tractor"></i>
                    </div>
                    <div class="stat-value">5</div>
                </div>
            </div>
        </div>
        
        
        <div class="weekly-container">
            <div class="weekly-title"><strong>Upcoming Week</strong></div>
            <div class="days-container">
                <div class="day-item">
                    <div class="day-name">Mon</div>
                    <div class="day-indicator green"></div>
                    <div class="day-status">Pending</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Tue</div>
                    <div class="day-indicator green"></div>
                    <div class="day-status">Completed</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Wed</div>
                    <div class="day-indicator green"></div>
                    <div class="day-status">On it</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Thurs</div>
                    <div class="day-indicator yellow"></div>
                    <div class="day-status">Assigned</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Fri</div>
                    <div class="day-indicator yellow"></div>
                    <div class="day-status">Assigned</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Sat</div>
                    <div class="day-indicator yellow"></div>
                    <div class="day-status">Assigned</div>
                </div>
                
                <div class="day-item">
                    <div class="day-name">Sun</div>
                    <div class="day-indicator yellow"></div>
                    <div class="day-status">Assigned</div>
                </div>
            </div>
        </div>
        
        <div class="tasks-container">
            <div class="tasks-title"><strong>Current Tasks</strong></div>
            <div class="task-list">
                <div class="task-item">
                    <div class="task-badge yellow">Super wiser Name</div>
                    <div class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</div>
                </div>
                
                <div class="task-item">
                    <div class="task-badge green">Super wiser Name</div>
                    <div class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</div>
                </div>
                
                <div class="task-item">
                    <div class="task-badge orange">Super wiser Name</div>
                    <div class="task-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</div>
                </div>
            </div>
        </div>
        
        
        <div class="categories-container">
            <div class="category-card">
                <div class="category-title"><strong>Farmer Category</strong></div>
                <div class="category-legend">
                    <div class="legend-item">
                        <div class="legend-color green"></div>
                        <div>Dirkar Farmer</div>
                    </div>
                    <div class="legend-item">
                        <div class="legend-color yellow"></div>
                        <div>Non Dirkar Farmer</div>
                    </div>
                </div>
                <div class="pie-chart"></div>
            </div>
            
            <div class="category-card">
                <div class="category-title"><strong>Farmer Type</strong></div>
                <div class="category-legend">
                    <div class="legend-item">
                        <div class="legend-color green"></div>
                        <div>Dirkar Farmer</div>
                    </div>
                    <div class="legend-item">
                        <div class="legend-color yellow"></div>
                        <div>Non Dirkar Farmer</div>
                    </div>
                </div>
                <div class="donut-chart">
                    <div class="donut-inner"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script src="<?php echo e(asset('assets/demo/chart-area-demo.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/demo/chart-bar-demo.js')); ?>"></script>
    <script src="<?php echo e(asset('js/datatables-simple-demo.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\ccbf\CCBF (2)\CCBF\resources\views/admin/dashboard.blade.php ENDPATH**/ ?>