@extends('layouts.public')

@section('content')
<div class="max-w-5xl mx-auto p-6">
    <a href="{{ route('public.funds.index') }}" class="text-blue-700 hover:underline">← 一覧に戻る</a>
    <h1 class="text-2xl font-bold mt-2">{{ $fund->name }}</h1>
    <div class="text-gray-600">{{ optional($fund->crowdfundingSite)->name }}</div>

    <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-6">
        <div class="md:col-span-2 p-5 bg-white rounded-lg shadow">
            <div>目標金額: ¥{{ number_format($fund->target_amount, 0) }}</div>
            <div>現在金額: ¥{{ number_format($fund->current_amount, 0) }} ({{ number_format($fund->progress_rate, 1) }}%)</div>
            <div>最低投資額: {{ $fund->minimum_investment ? '¥' . number_format($fund->minimum_investment, 0) : '-' }}</div>
            <div>予定利回り: {{ $fund->expected_return_rate ? number_format($fund->expected_return_rate, 2) . '%' : '-' }}</div>
            <div>投資期間: {{ $fund->investment_period_months ? $fund->investment_period_months . 'ヶ月' : '-' }}</div>
            <div>開始: {{ $fund->start_date ? $fund->start_date->format('Y-m-d H:i') : '-' }}</div>
            <div>終了: {{ $fund->end_date ? $fund->end_date->format('Y-m-d H:i') : '-' }}</div>
            <div>申込期限: {{ $fund->deadline ? $fund->deadline->format('Y-m-d H:i') : '-' }}</div>
        </div>
        <div class="p-5 bg-white rounded-lg shadow">
            <div>所在地: {{ $fund->property_prefecture }} {{ $fund->property_address_detail }}</div>
            <div>物件種別: {{ $fund->property_type }}</div>
            <div>運用状況: {{ $fund->operation_status }}</div>
            <div>ステータス: {{ $fund->status }}</div>
            @if($fund->url)
                <div class="mt-2">
                    <a href="{{ $fund->url }}" target="_blank" rel="noopener" class="inline-block bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">公式ページを見る</a>
                </div>
            @endif
            <div class="mt-4 flex gap-2">
                @auth
                    <form method="POST" action="{{ route('lists.addFund', [auth()->user()->lists()->firstOrCreate(['name' => 'お気に入り']), $fund]) }}">
                        @csrf
                        <button class="px-4 py-2 border rounded text-gray-700">お気に入りに追加（ユーザー）</button>
                    </form>
                @endauth
                <form method="POST" action="{{ route('guest.favorites.add', $fund) }}">
                    @csrf
                    <button class="px-4 py-2 border rounded text-gray-700">お気に入りに追加（ゲスト）</button>
                </form>
            </div>
        </div>
    </div>

    @if($fund->description)
    <div class="mt-6 p-5 bg-white rounded-lg shadow">
        <h2 class="font-semibold mb-2">概要</h2>
        <div class="prose max-w-none">{!! nl2br(e($fund->description)) !!}</div>
    </div>
    @endif
</div>
@endsection