@extends('layouts.app')
@section('title', 'Nursery Management - Blackberry Farm')
@section('content')
    <div class="container">
        <div class="header">
            <div>
                <h1>🏪 {{ $nursery->name }}</h1>
                <p>Nursery Details and Purchase History</p>
            </div>
            <div>
                <a href="/nurseries/{{ $nursery->id }}/edit" class="btn btn-warning">✏️ Edit Nursery</a>
                <a href="/nurseries" class="btn btn-secondary">← Back to Nurseries</a>
            </div>
        </div>

        <!-- Nursery Information -->
        <div class="nursery-info">
            <div class="info-card">
                <h3>📋 Basic Information</h3>
                <div class="info-item">
                    <span class="info-label">Status:</span>
                    <span class="status-badge status-{{ $nursery->status }}">{{ ucfirst($nursery->status) }}</span>
                </div>
                @if($nursery->contact_person)
                <div class="info-item">
                    <span class="info-label">Contact Person:</span>
                    <span class="info-value">{{ $nursery->contact_person }}</span>
                </div>
                @endif
                @if($nursery->average_rating)
                <div class="info-item">
                    <span class="info-label">Your Rating:</span>
                    <span class="info-value rating">{{ number_format($nursery->average_rating, 1) }}/5.0 ⭐</span>
                </div>
                @endif
                <div class="info-item">
                    <span class="info-label">Added:</span>
                    <span class="info-value">{{ date('M j, Y', strtotime($nursery->created_at)) }}</span>
                </div>
            </div>

            <div class="info-card">
                <h3>📞 Contact Information</h3>
                @if($nursery->phone)
                <div class="info-item">
                    <span class="info-label">Phone:</span>
                    <span class="info-value">
                        <a href="tel:{{ $nursery->phone }}" style="color: #3498db;">{{ $nursery->phone }}</a>
                    </span>
                </div>
                @endif
                @if($nursery->email)
                <div class="info-item">
                    <span class="info-label">Email:</span>
                    <span class="info-value">
                        <a href="mailto:{{ $nursery->email }}" style="color: #3498db;">{{ $nursery->email }}</a>
                    </span>
                </div>
                @endif
                @if($nursery->website)
                <div class="info-item">
                    <span class="info-label">Website:</span>
                    <span class="info-value">
                        <a href="{{ $nursery->website }}" target="_blank" style="color: #3498db;">Visit Website 🌐</a>
                    </span>
                </div>
                @endif
            </div>

            @if($nursery->address || $nursery->city || $nursery->state)
            <div class="info-card">
                <h3>📍 Address</h3>
                @if($nursery->address)
                <div class="info-item">
                    <span class="info-label">Street:</span>
                    <span class="info-value">{{ $nursery->address }}</span>
                </div>
                @endif
                @if($nursery->city || $nursery->state)
                <div class="info-item">
                    <span class="info-label">Location:</span>
                    <span class="info-value">
                        {{ $nursery->city }}{{ $nursery->city && $nursery->state ? ', ' : '' }}{{ $nursery->state }} {{ $nursery->zip_code }}
                    </span>
                </div>
                @endif
            </div>
            @endif
        </div>

        <!-- Notes Section -->
        @if($nursery->notes)
        <div class="info-card">
            <h3>📝 Notes</h3>
            <p>{{ $nursery->notes }}</p>
        </div>
        @endif

        <!-- Purchase History -->
        <div class="info-card">
            <h3>🛒 Purchase History</h3>
            @if($purchases && $purchases->count() > 0)
                <table class="purchases-table">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Variety</th>
                            <th>Plant Count</th>
                            <th>Total Amount</th>
                            <th>Invoice</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($purchases as $purchase)
                        <tr>
                            <td>{{ date('M j, Y', strtotime($purchase->purchase_date)) }}</td>
                            <td>{{ $purchase->variety_purchased ?? 'Various' }}</td>
                            <td>{{ $purchase->plant_count }} plants</td>
                            <td>${{ number_format($purchase->total_amount ?? 0, 2) }}</td>
                            <td>{{ $purchase->invoice_number ?? 'N/A' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <div class="empty-section">
                    <p>No purchase history recorded yet</p>
                    <p style="font-size: 0.9em; color: #6c757d;">
                        Purchase records will be tracked automatically when you create plants from this nursery
                    </p>
                </div>
            @endif
        </div>

        <!-- Plants from this Nursery -->
        <div class="info-card">
            <h3>🌱 Plants from {{ $nursery->name }}</h3>
            @if($plants && $plants->count() > 0)
                <div class="plants-grid">
                    @foreach($plants as $plant)
                    <div class="plant-card">
                        <h4>
                            <a href="/plants/{{ $plant->plant_id }}" style="color: #2c3e50; text-decoration: none;">
                                🫐 {{ $plant->plant_id }}
                            </a>
                        </h4>
                        <p><strong>Variety:</strong> {{ $plant->variety_name ?? 'Unknown' }}</p>
                        <p><strong>Status:</strong> {{ ucfirst($plant->status) }}</p>
                        <p><strong>Planted:</strong> {{ $plant->planted_date ? date('M j, Y', strtotime($plant->planted_date)) : 'Unknown' }}</p>
                        <a href="/plants/{{ $plant->plant_id }}" class="btn btn-sm">View Plant</a>
                    </div>
                    @endforeach
                </div>
            @else
                <div class="empty-section">
                    <p>No plants from this nursery yet</p>
                    <p style="font-size: 0.9em; color: #6c757d;">
                        Plants will appear here when you create them with this nursery as the source
                    </p>
                    <a href="/plants/create" class="btn btn-success">🌱 Add Plant from this Nursery</a>
                </div>
            @endif
        </div>

        <!-- Quick Actions -->
        <div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 2px solid #e9ecef;">
            <a href="/plants/create" class="btn btn-success">🌱 Add Plant from this Nursery</a>
            <a href="/nurseries/{{ $nursery->id }}/edit" class="btn btn-warning">✏️ Edit Nursery</a>
            <form method="POST" action="/nurseries/{{ $nursery->id }}" style="display: inline-block; margin: 5px;" onsubmit="return confirmNurseryDelete('{{ $nursery->name }}')">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger">🗑️ Delete Nursery</button>
            </form>
        </div>
    </div>
    
    <script>
        function confirmNurseryDelete(nurseryName) {
            return confirm(`Are you sure you want to delete "${nurseryName}"?\n\nIf this nursery has related plants or purchases, it will be marked as inactive instead of deleted.`);
        }
    </script>

@endsection