@extends('admin.layouts.app')
@section('title', 'Investment #'.$investment->investment_number)
@section('page_title', 'Investment Details')
@push('styles')<link rel="stylesheet" href="{{ asset('css/admin-investment-detail.css') }}">@endpush
@section('content')
@php($localizedName = app()->getLocale() === 'ar' ? 'name_ar' : 'name_en')
<main class="investment-detail">
    <header class="investment-detail__hero">
        <div class="investment-detail__hero-main">
            <a class="investment-detail__back" href="{{ route('admin.startups.investment-rounds.show', [$startup, $round]) }}#investments">&larr; Back to Startup Application</a>
            <h1>Investment #{{ $investment->investment_number }}</h1>
            <p>{{ $startup->display_name }} &middot; Application #{{ $round->round_number }} &middot; {{ $round->investmentStage?->{$localizedName} ?: $round->investmentStage?->name_en ?: 'Unspecified stage' }}</p>
        </div>
        <span class="investment-detail__badge">Application-linked</span>
    </header>

    <section class="investment-detail__metrics" aria-label="Investment summary">
        <div class="investment-detail__metric"><span>Investment Type</span><strong>{{ $investment->investmentType?->{$localizedName} ?: $investment->investmentType?->name_en ?: $investment->investmentType?->value }}</strong></div>
        <div class="investment-detail__metric"><span>Start Date</span><strong>{{ $investment->start_date->format('Y-m-d') }}</strong></div>
        <div class="investment-detail__metric"><span>Completion Date</span><strong>{{ $investment->completion_date->format('Y-m-d') }}</strong></div>
        <div class="investment-detail__metric"><span>Computed Total</span><strong>{{ number_format((float) $investment->total_amount_sar, 2) }} SAR</strong></div>
        <div class="investment-detail__metric"><span>Investors</span><strong>{{ $investment->participations_count }}</strong></div>
    </section>

    @if(auth('admin')->user()?->can('investments.manage'))
    <section class="investment-detail__card">
        <div class="investment-detail__card-head">
            <div><h2>Shared investment terms</h2><p>These terms belong to Investment #{{ $investment->investment_number }} and are entered once. Investor participations do not change them.</p></div>
            <span class="investment-detail__section-label">Entered once</span>
        </div>
        <form class="investment-detail__form" method="POST" action="{{ route('admin.startups.investment-rounds.investments.update', [$startup, $round, $investment]) }}">
            @csrf @method('PATCH')
            <label class="investment-detail__field"><span>Investment Type</span><select name="investment_type_option_id" required>@foreach($investmentTypes as $option)<option value="{{ $option->id }}" @selected((int) $option->id === (int) $investment->investment_type_option_id)>{{ $option->{$localizedName} ?: $option->name_en ?: $option->value }}{{ !$option->status ? ' (inactive)' : '' }}</option>@endforeach</select></label>
            <label class="investment-detail__field"><span>Start Date</span><input type="date" name="start_date" value="{{ $investment->start_date->format('Y-m-d') }}" required></label>
            <label class="investment-detail__field"><span>Completion Date</span><input type="date" name="completion_date" value="{{ $investment->completion_date->format('Y-m-d') }}" required></label>
            <button class="investment-detail__button investment-detail__button--primary" type="submit">Save terms</button>
        </form>
    </section>
    @endif

    <section class="investment-detail__card">
        <div class="investment-detail__card-head">
            <div><h2>Investor participations</h2><p>Every participation preserves its eligible Investor Application, contribution, company equity, notes, and protected attachments.</p></div>
            <div class="investment-detail__participation-actions">
                <strong class="investment-detail__total">{{ number_format((float) $investment->total_amount_sar, 2) }} SAR</strong>
                @if(auth('admin')->user()?->can('investments.manage') && $canAddParticipation && $picker->isNotEmpty())
                    <button class="investment-detail__button investment-detail__button--primary" type="button" data-participation-modal-open>+ Add Investor</button>
                @endif
            </div>
        </div>

        <div class="investment-detail__participants">
        @forelse($investment->participations as $participation)
            <article class="investment-detail__participant">
                <header class="investment-detail__participant-head">
                    <div>
                        <span class="investment-detail__participant-index">Investor participation</span>
                        <h3>{{ $participation->investor->display_name }}</h3>
                        <p>Investor Application #{{ $participation->investorApplication->application_number }} &middot; historical eligibility context</p>
                    </div>
                    <div class="investment-detail__terms"><strong>{{ number_format((float) $participation->amount_sar, 2) }} SAR</strong><span>{{ number_format((float) $participation->equity_percentage, 4) }}% whole-company equity</span></div>
                </header>

                @if(auth('admin')->user()?->can('investments.manage'))
                <details class="investment-detail__participant-editor">
                    <summary>Edit participation</summary>
                    <form class="investment-detail__participant-form" method="POST" action="{{ route('admin.startups.investment-rounds.investments.participations.update', [$startup, $round, $investment, $participation]) }}">
                        @csrf @method('PATCH')
                        <label class="investment-detail__field"><span>Investment amount (SAR)</span><input name="amount_sar" type="number" min="0.01" step="0.01" value="{{ $participation->amount_sar }}" required></label>
                        <label class="investment-detail__field"><span>Investor equity in company %</span><input name="equity_percentage" type="number" min="0.0001" max="100" step="0.0001" value="{{ $participation->equity_percentage }}" required></label>
                        <label class="investment-detail__field"><span>Notes <em>(optional)</em></span><textarea name="notes" rows="2">{{ $participation->notes }}</textarea></label>
                        <button class="investment-detail__button investment-detail__button--primary" type="submit">Save changes</button>
                    </form>
                </details>
                @elseif($participation->notes)<p class="investment-detail__notes">{{ $participation->notes }}</p>@endif

                <div class="investment-detail__files">
                    <strong>Protected participation attachments</strong>
                    @forelse($participation->files as $file)
                        <div class="investment-detail__file">
                            <a href="{{ route('admin.startups.investment-rounds.investments.participations.files.show', [$startup, $round, $investment, $participation, $file]) }}">{{ $file->file_name }}</a>
                            @if(auth('admin')->user()?->can('investments.manage'))
                            <form method="POST" enctype="multipart/form-data" action="{{ route('admin.startups.investment-rounds.investments.participations.files.replace', [$startup, $round, $investment, $participation, $file]) }}">@csrf <input type="file" name="file" required><button class="investment-detail__button" type="submit">Replace</button></form>
                            <form method="POST" action="{{ route('admin.startups.investment-rounds.investments.participations.files.destroy', [$startup, $round, $investment, $participation, $file]) }}">@csrf @method('DELETE')<button class="investment-detail__button" type="submit">Remove</button></form>
                            @endif
                        </div>
                    @empty
                        <p class="investment-detail__empty">No attachments for this participation.</p>
                    @endforelse
                    @if(auth('admin')->user()?->can('investments.manage'))
                    <form class="investment-detail__upload" method="POST" enctype="multipart/form-data" action="{{ route('admin.startups.investment-rounds.investments.participations.files.store', [$startup, $round, $investment, $participation]) }}">@csrf <label class="investment-detail__field"><span>Add attachment</span><input type="file" name="file" accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.webp" required></label><button class="investment-detail__button" type="submit">Upload</button></form>
                    @endif
                </div>
            </article>
        @empty
            <p class="investment-detail__empty">No Investor participations yet. Add the first Investor to record this Investment's amount and equity.</p>
        @endforelse
        </div>

        @if(auth('admin')->user()?->can('investments.manage') && !$canAddParticipation)
            <p class="investment-detail__notice">This historical Investment remains visible, but new participations require the Startup Application to resolve to <strong>round</strong> or <strong>investment</strong>.</p>
        @elseif(auth('admin')->user()?->can('investments.manage') && $picker->isEmpty())
            <p class="investment-detail__notice">No additional Investors currently resolve to semantic status <strong>member</strong> or <strong>investor</strong>.</p>
        @endif
    </section>
</main>

@if(auth('admin')->user()?->can('investments.manage') && $canAddParticipation && $picker->isNotEmpty())
<div class="investment-detail__modal" data-participation-modal aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="participation-modal-title">
    <div class="investment-detail__modal-backdrop" data-participation-modal-close></div>
    <section class="investment-detail__modal-panel">
        <header class="investment-detail__modal-head">
            <div>
                <span class="investment-detail__section-label">Investment #{{ $investment->investment_number }}</span>
                <h2 id="participation-modal-title">Add Investor participation</h2>
                <p>Add only the new Investor's contribution. Investment type and dates are shared terms and are not repeated here.</p>
            </div>
            <button class="investment-detail__modal-close" type="button" data-participation-modal-close aria-label="Close">&times;</button>
        </header>
        <form class="investment-detail__modal-form" method="POST" enctype="multipart/form-data" action="{{ route('admin.startups.investment-rounds.investments.participations.store', [$startup, $round, $investment]) }}">
            @csrf
            <label class="investment-detail__field investment-detail__field--full">
                <span>Investor</span>
                <select name="investor_id" required autofocus>
                    <option value="">Select an eligible Investor</option>
                    @foreach($picker as $investor)
                        <option value="{{ $investor->id }}" @selected((string) old('investor_id') === (string) $investor->id)>{{ $investor->display_name }} &middot; {{ $investor->effective_investment_status }} &middot; App #{{ $investor->eligibleApplication->application_number }}</option>
                    @endforeach
                </select>
                <small>Only Investors with a current Member or Investor Application can be added.</small>
            </label>
            <label class="investment-detail__field"><span>Investment amount (SAR)</span><input name="amount_sar" type="number" min="0.01" step="0.01" value="{{ old('amount_sar') }}" required></label>
            <label class="investment-detail__field"><span>Investor equity in company %</span><input name="equity_percentage" type="number" min="0.0001" max="100" step="0.0001" value="{{ old('equity_percentage') }}" required></label>
            <label class="investment-detail__field investment-detail__field--full"><span>Notes <em>(optional)</em></span><textarea name="notes" rows="3" maxlength="10000" placeholder="Add context for this participation">{{ old('notes') }}</textarea></label>
            <label class="investment-detail__field investment-detail__field--full"><span>Attachments <em>(optional)</em></span><input type="file" name="attachments[]" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.webp"><small>PDF, Office documents, or images. You can select more than one file.</small></label>
            <footer class="investment-detail__modal-actions"><button class="investment-detail__button" type="button" data-participation-modal-close>Cancel</button><button class="investment-detail__button investment-detail__button--primary" type="submit">Add Investor</button></footer>
        </form>
    </section>
</div>
@endif
@endsection
@push('scripts')
<script>
(() => {
    const modal = document.querySelector('[data-participation-modal]');
    const open = document.querySelector('[data-participation-modal-open]');
    if (!modal || !open) return;
    const close = () => { modal.setAttribute('aria-hidden', 'true'); document.body.classList.remove('investment-detail-modal-open'); };
    const show = () => { modal.setAttribute('aria-hidden', 'false'); document.body.classList.add('investment-detail-modal-open'); modal.querySelector('select, input, textarea')?.focus(); };
    open.addEventListener('click', show);
    modal.querySelectorAll('[data-participation-modal-close]').forEach((element) => element.addEventListener('click', close));
    document.addEventListener('keydown', (event) => { if (event.key === 'Escape' && modal.getAttribute('aria-hidden') === 'false') close(); });
    @if($errors->hasAny(['investor_id', 'amount_sar', 'equity_percentage', 'notes', 'attachments', 'investment_id'])) show(); @endif
})();
</script>
@endpush