@extends('layouts.app')
@section('title', 'Nursery Management - Blackberry Farm')
@section('content')

    <!-- Page Header -->
    <div class="page-header">
        <h1>🏪 Nursery Management</h1>
        <p>Manage your plant suppliers and nurseries</p>
        <p class="subtitle">Track contact information, purchase history, and ratings</p>
    </div>
    
    <!-- Quick Navigation -->
    <div class="responsive-grid cols-3" style="margin-bottom: 30px;">
        <a href="/nurseries/create" class="touch-btn touch-btn-success">+ Add New Nursery</a>
        <a href="/plants" class="touch-btn touch-btn-primary">🌱 Plants</a>
        <a href="/" class="touch-btn touch-btn-primary">🏠 Home</a>
    </div>

    <!-- Statistics -->
    <div class="stats-grid">
        <div class="stat-card today">
            <div class="stat-number">{{ $nurseries->total() }}</div>
            <div class="stat-label">Total Nurseries</div>
        </div>
        <div class="stat-card green">
            <div class="stat-number">{{ $nurseries->where('status', 'active')->count() }}</div>
            <div class="stat-label">Active Nurseries</div>
        </div>
        <div class="stat-card orange">
            <div class="stat-number">{{ $nurseries->where('average_rating', '>=', 4)->count() }}</div>
            <div class="stat-label">High Rated (4+ stars)</div>
        </div>
    </div>

    <!-- Search and Filters -->
    <form method="GET" action="/nurseries" class="filters">
        <div class="filter-group">
            <label for="search">Search</label>
            <input type="text" id="search" name="search" class="form-control" 
                   value="{{ request('search') }}" 
                   placeholder="Name, city, or state...">
        </div>
        <div class="filter-group">
            <label for="status">Status</label>
            <select id="status" name="status" class="form-control">
                <option value="">All Statuses</option>
                <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive</option>
            </select>
        </div>
        <div class="filter-group" style="align-self: end;">
            <button type="submit" class="touch-btn touch-btn-primary">🔍 Search</button>
            <a href="/nurseries" class="touch-btn touch-btn-warning">Clear</a>
        </div>
    </form>

    @if($nurseries && $nurseries->count() > 0)
    <!-- Nurseries Table -->
    <table class="table">
        <thead>
            <tr>
                <th>Nursery Name</th>
                <th>Contact Person</th>
                <th>Location</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Rating</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($nurseries as $nursery)
            <tr class="nursery-row" onclick="window.location='/nurseries/{{ $nursery->id }}'">
                <td>
                    <strong>🏪 {{ $nursery->name }}</strong>
                    @if($nursery->website)
                        <br><small><a href="{{ $nursery->website }}" target="_blank" onclick="event.stopPropagation();" style="color: var(--blackberry-purple);">🌐 Website</a></small>
                    @endif
                </td>
                <td>
                    {{ $nursery->contact_person ?: '-' }}
                </td>
                <td>
                    @if($nursery->city || $nursery->state)
                        {{ $nursery->city }}{{ $nursery->city && $nursery->state ? ', ' : '' }}{{ $nursery->state }}
                    @else
                        -
                    @endif
                </td>
                <td>
                    @if($nursery->phone)
                        <a href="tel:{{ $nursery->phone }}" onclick="event.stopPropagation();" style="color: var(--blackberry-purple);">{{ $nursery->phone }}</a>
                    @else
                        -
                    @endif
                </td>
                <td>
                    @if($nursery->email)
                        <a href="mailto:{{ $nursery->email }}" onclick="event.stopPropagation();" style="color: var(--blackberry-purple);">{{ $nursery->email }}</a>
                    @else
                        -
                    @endif
                </td>
                <td>
                    @if($nursery->average_rating)
                        <span class="rating">{{ number_format($nursery->average_rating, 1) }}/5.0 ⭐</span>
                    @else
                        <span style="color: #999;">Not rated</span>
                    @endif
                </td>
                <td>
                    <span class="badge badge-{{ $nursery->status === 'active' ? 'success' : 'warning' }}">
                        {{ ucfirst($nursery->status) }}
                    </span>
                </td>
                <td onclick="event.stopPropagation();">
                    <a href="/nurseries/{{ $nursery->id }}" class="touch-btn touch-btn-primary" style="padding: 6px 12px; font-size: 12px; margin: 2px;">View</a>
                    <a href="/nurseries/{{ $nursery->id }}/edit" class="touch-btn touch-btn-warning" style="padding: 6px 12px; font-size: 12px; margin: 2px;">Edit</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Pagination -->
    <div class="pagination">
        {{ $nurseries->links() }}
    </div>
    @else
    <!-- Empty State -->
    <div style="text-align: center; padding: 60px 20px; color: #6c757d;">
        <h3>🏪 No Nurseries Added Yet</h3>
        <p>Start by adding nurseries where you purchase your blackberry plants.</p>
        <p>Track contact information, purchase history, and ratings for each supplier.</p>
        <a href="/nurseries/create" class="touch-btn touch-btn-success">🏪 Add Your First Nursery</a>
    </div>
    @endif

@endsection