@extends('admin.layouts.app')

@section('title', $project->name)
@section('header-title', 'Project Details')

@section('content')
@php
    $project->loadSum('investments', 'amount');
    $investedAmount = (float) $project->investments_sum_amount;
    $availableAmount = max(0, (float)($project->total_cost ?? 0) - $investedAmount);
@endphp
<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
        <div class="card-title" style="margin: 0;">{{ $project->name }}</div>
        <div style="display: flex; gap: 8px;">
            <a href="{{ route('admin.projects.edit', $project) }}" class="btn btn-primary btn-sm">Edit</a>
            <form action="{{ route('admin.projects.destroy', $project) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete this project?');">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
            </form>
        </div>
    </div>

    <div style="display: grid; gap: 20px;">
        @if($project->image)
        <div>
            <div class="form-label">Image</div>
            <img src="{{ asset('storage/' . $project->image) }}" alt="{{ $project->name }}" style="max-width: 100%; max-height: 300px; border-radius: 8px; border: 1px solid var(--border);">
        </div>
        @endif

        <div>
            <div class="form-label">Description</div>
            <div style="padding: 12px; background: rgba(255,255,255,.05); border-radius: 6px; white-space: pre-wrap;">{{ $project->description ?? '-' }}</div>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;">
            <div>
                <div class="form-label">Status</div>
                <div style="text-transform: capitalize;">{{ $project->status }}</div>
            </div>
            <div>
                <div class="form-label">Project Total Cost</div>
                <div>{{ $project->total_cost ? number_format($project->total_cost, 2) : '-' }}</div>
            </div>
            <div>
                <div class="form-label">Max Partners</div>
                <div>{{ $project->max_partners ?? '-' }}</div>
            </div>
            <div>
                <div class="form-label">Min Partnership Amount</div>
                <div>{{ $project->min_partnership_amount ? number_format($project->min_partnership_amount, 2) : '-' }}</div>
            </div>
            <div>
                <div class="form-label">Max Profit Return</div>
                <div>{{ $project->max_profit_return ?? '-' }}</div>
            </div>
            <div>
                <div class="form-label">Start Date</div>
                <div>{{ $project->start_date?->format('d M Y') ?? '-' }}</div>
            </div>
            <div>
                <div class="form-label">End Date</div>
                <div>{{ $project->end_date?->format('d M Y') ?? '-' }}</div>
            </div>
            <div>
                <div class="form-label">Created By</div>
                <div>{{ $project->creator?->name ?? '-' }}</div>
            </div>
            <div>
                <div class="form-label">Invested</div>
                <div>₹ {{ number_format($investedAmount, 2) }}</div>
            </div>
            <div>
                <div class="form-label">Available</div>
                <div>₹ {{ number_format($availableAmount, 2) }}</div>
            </div>
        </div>

        @if($project->project_plan)
        <div>
            <div class="form-label">Project Plan (PDF)</div>
            <a href="{{ asset('storage/' . $project->project_plan) }}" target="_blank" class="btn btn-secondary btn-sm">View / Download PDF</a>
        </div>
        @endif

        @if($project->video_link)
        <div>
            <div class="form-label">Video Link</div>
            <a href="{{ $project->video_link }}" target="_blank" rel="noopener" style="color: var(--accent);">{{ $project->video_link }}</a>
        </div>
        @endif
    </div>

        <div style="margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap;">
            <a href="{{ route('admin.projects.investments.index', $project) }}" class="btn btn-primary">Manage Investments</a>
            <a href="{{ route('admin.projects.profit-distributions.index', $project) }}" class="btn btn-secondary">Profit Distributions</a>
            <a href="{{ route('admin.projects.index') }}" class="btn btn-secondary">← Back to Projects</a>
        </div>
</div>
@endsection