@extends('layouts.app')

@section('title', 'Watering Logs - Blackberry Farm')

@section('content')

    <!-- Page Header -->
    <div style="background: linear-gradient(135deg, #6A1B9A 0%, #8E24AA 50%, #4A148C 100%); color: white; padding: 30px; text-align: center; border-radius: 12px; margin-bottom: 30px;">
        <h1 style="font-size: 2.2em; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">💧 Watering Logs</h1>
        <p style="font-size: 1.1em; opacity: 0.9;">Track irrigation and watering sessions</p>
        <p style="font-size: 0.9em; opacity: 0.8;">Monitor plant hydration and water usage</p>
    </div>
    
    <!-- Action Buttons -->
    <div class="responsive-grid cols-2" style="margin-bottom: 30px;">
        <a href="/watering/create" class="touch-btn touch-btn-success">💧 Log Watering</a>
        <a href="/watering/bulk-create" class="touch-btn touch-btn-warning">💦 Bulk Watering</a>
    </div>

        <!-- Quick Stats -->
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-number">{{ $wateringLogs->total() ?? 0 }}</div>
                <div class="stat-label">Total Watering Sessions</div>
            </div>
            <div class="stat-card green">
                <div class="stat-number">{{ $weeklyCount ?? 0 }}</div>
                <div class="stat-label">This Week</div>
            </div>
            <div class="stat-card orange">
                <div class="stat-number">{{ $totalGallons ?? 0 }}</div>
                <div class="stat-label">Total Gallons (Last 30 Days)</div>
            </div>
        </div>

        <!-- Filters -->
        <form method="GET" action="/watering" class="filters">
            <div class="filter-group">
                <label for="plant_id">Plant</label>
                <select id="plant_id" name="plant_id" class="form-control">
                    <option value="">All Plants</option>
                    @if(isset($plants))
                        @foreach($plants as $plant)
                            <option value="{{ $plant->plant_id }}" 
                                {{ request('plant_id') == $plant->plant_id ? 'selected' : '' }}>
                                {{ $plant->plant_id }}
                            </option>
                        @endforeach
                    @endif
                </select>
            </div>
            
            <div class="filter-group">
                <label for="date_from">Date From</label>
                <input type="date" id="date_from" name="date_from" class="form-control" 
                       value="{{ request('date_from') }}">
            </div>
            
            <div class="filter-group">
                <label for="date_to">Date To</label>
                <input type="date" id="date_to" name="date_to" class="form-control" 
                       value="{{ request('date_to') }}">
            </div>
            
            <div class="filter-group">
                <label for="irrigation_method">Method</label>
                <select id="irrigation_method" name="irrigation_method" class="form-control">
                    <option value="">All Methods</option>
                    <option value="hand_watering" {{ request('irrigation_method') == 'hand_watering' ? 'selected' : '' }}>Hand Watering</option>
                    <option value="drip_irrigation" {{ request('irrigation_method') == 'drip_irrigation' ? 'selected' : '' }}>Drip Irrigation</option>
                    <option value="sprinkler" {{ request('irrigation_method') == 'sprinkler' ? 'selected' : '' }}>Sprinkler</option>
                    <option value="soaker_hose" {{ request('irrigation_method') == 'soaker_hose' ? 'selected' : '' }}>Soaker Hose</option>
                </select>
            </div>
            
            <div class="filter-group" style="align-self: end;">
                <button type="submit" class="btn">Filter</button>
                <a href="/watering" class="btn btn-secondary">Clear</a>
            </div>
        </form>

        <!-- Watering Logs Table -->
        @if(isset($wateringLogs) && $wateringLogs->count() > 0)
        <table class="table">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Plant/Area</th>
                    <th>Duration</th>
                    <th>Amount</th>
                    <th>Method</th>
                    <th>Source</th>
                    <th>Soil Moisture</th>
                    <th>Notes</th>
                </tr>
            </thead>
            <tbody>
                @foreach($wateringLogs as $log)
                <tr>
                    <td>{{ \Carbon\Carbon::parse($log->watering_date)->format('M j, Y') }}</td>
                    <td>
                        @if($log->plant_id)
                            <span class="badge badge-info">{{ $log->plant_id }}</span>
                        @else
                            <span class="badge badge-warning">{{ $log->area_watered ?? 'General Area' }}</span>
                        @endif
                    </td>
                    <td>{{ $log->duration_minutes }} min</td>
                    <td>
                        @if($log->water_amount_gallons)
                            {{ $log->water_amount_gallons }} gal
                        @else
                            <span style="color: #999;">-</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge badge-success">
                            {{ ucwords(str_replace('_', ' ', $log->irrigation_method ?? 'hand watering')) }}
                        </span>
                    </td>
                    <td>{{ ucwords(str_replace('_', ' ', $log->water_source ?? 'municipal')) }}</td>
                    <td>
                        @if($log->soil_moisture_before)
                            {{ $log->soil_moisture_before }}/10
                        @else
                            <span style="color: #999;">-</span>
                        @endif
                    </td>
                    <td>
                        @if($log->notes)
                            <span title="{{ $log->notes }}">
                                {{ Str::limit($log->notes, 30) }}
                            </span>
                        @else
                            <span style="color: #999;">-</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Pagination -->
        @if(method_exists($wateringLogs, 'links'))
            <div class="pagination">
                {{ $wateringLogs->links() }}
            </div>
        @endif

        @else
        <div style="text-align: center; padding: 60px 20px; color: #6c757d;">
            <h3>💧 No watering logs found</h3>
            <p>Start tracking your watering sessions to monitor plant care.</p>
            <a href="/watering/create" class="btn btn-success">Log First Watering Session</a>
        </div>
        @endif
@endsection