@extends('admin.layouts.app')

@section('title', __('admin.investor_applications.title').' — '.__('admin.brand.name'))
@section('page_title', __('admin.investor_applications.title'))

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/admin-entity-index.css') }}">
@endpush

@section('content')
@php
    $locale = app()->getLocale();
    $optionName = fn ($option) => $option
        ? ($locale === 'ar' ? ($option->name_ar ?: $option->name_en ?: $option->value) : ($option->name_en ?: $option->name_ar ?: $option->value))
        : '—';
    $columns = [
        'number' => [__('admin.investor_applications.fields.number'), true],
        'investor' => [__('admin.investor_applications.fields.investor'), true],
        'group' => [__('admin.investor_applications.fields.group'), true],
        'status' => [__('admin.investor_applications.fields.status'), true],
        'action' => [__('admin.investor_applications.fields.action'), true],
        'average_ticket' => [__('admin.investor_applications.fields.average_ticket'), true],
        'annual_investments' => [__('admin.investor_applications.fields.expected_annual_investments'), true],
        'submitted' => [__('admin.investor_applications.fields.submitted_at'), true],
        'participations' => [__('admin.investor_applications.fields.participations_count'), true],
        'state' => [__('admin.investor_applications.fields.current_state'), true],
        'source' => [__('admin.investor_applications.fields.source'), false],
    ];
    $preserved = collect(request()->query())->except(['group_id', 'page'])->all();
    $chipUrl = fn ($id = null) => route('admin.investor-applications.index', $id ? array_merge($preserved, ['group_id' => $id]) : $preserved);
    $stateUrl = fn ($state) => route('admin.investor-applications.index', array_merge(collect(request()->query())->except(['state', 'page'])->all(), ['state' => $state]));
@endphp
<div class="entity-index">
    <x-admin.page-header :title="__('admin.investor_applications.title')" />
    <p class="entity-index__summary">{{ __('admin.investor_applications.subtitle') }}</p>
    @include('admin.partials.flash')

    <div class="entity-chips" role="group" aria-label="{{ __('admin.investor_applications.groups') }}">
        <a class="entity-chip {{ $selectedGroupId === null ? 'is-active' : '' }}" href="{{ $chipUrl() }}">{{ __('admin.investor_applications.all_groups') }}</a>
        @foreach ($groupChips as $group)
            <a class="entity-chip {{ $selectedGroupId === $group['id'] ? 'is-active' : '' }}" href="{{ $chipUrl($group['id']) }}">
                <span class="entity-chip__dot" style="--chip-color:{{ $group['color'] }}"></span>
                {{ $group['name'] }} <span class="entity-chip__count">{{ $group['count'] }}</span>
            </a>
        @endforeach
        <a class="entity-chip {{ $state === 'all' ? 'is-active' : '' }}" href="{{ $stateUrl('all') }}">{{ __('admin.investor_applications.all_states') }}</a>
        <a class="entity-chip {{ $state === 'current' ? 'is-active' : '' }}" href="{{ $stateUrl('current') }}">{{ __('admin.investor_applications.current') }}</a>
        <a class="entity-chip {{ $state === 'historical' ? 'is-active' : '' }}" href="{{ $stateUrl('historical') }}">{{ __('admin.investor_applications.historical') }}</a>
    </div>

    <div class="entity-toolbar">
        <div class="entity-toolbar__filters">
            <x-admin.advanced-filter-panel id="investor-application-filters"
                :audience-type="\App\Services\Campaigns\Filters\ListFilterService::AUDIENCE_INVESTOR_APPLICATION"
                :state="$advancedFilter" :action="route('admin.investor-applications.index')"
                :options-url="route('admin.entity-filters.options')" :result-total="$applications->total()"
                :searchPlaceholder="__('admin.investor_applications.search_placeholder')" />
        </div>
        <div class="entity-tool" data-entity-columns data-storage-key="investor-applications:columns:v1">
            <button type="button" class="entity-tool__button" data-columns-toggle aria-expanded="false">▦ {{ __('admin.investor_applications.columns') }}</button>
            <div class="entity-columns" data-columns-menu>
                <div class="entity-columns__title">{{ __('admin.investor_applications.columns_hint') }}</div>
                @foreach ($columns as $key => [$label, $default])
                    <label class="entity-column"><input type="checkbox" value="{{ $key }}" data-column-toggle data-default="{{ $default ? 1 : 0 }}"> <span>{{ $label }}</span></label>
                @endforeach
            </div>
        </div>
        <form class="entity-page-size" method="GET">
            @foreach (request()->except(['per_page', 'page']) as $key => $value)
                @if (! is_array($value))<input type="hidden" name="{{ $key }}" value="{{ $value }}">@endif
            @endforeach
            <label for="investor-applications-per-page">{{ __('admin.pagination.per_page') }}</label>
            <select id="investor-applications-per-page" name="per_page" onchange="this.form.submit()">
                @foreach ($perPageOptions as $option)<option value="{{ $option }}" @selected($perPage === $option)>{{ $option }}</option>@endforeach
            </select>
        </form>
    </div>

    <div class="entity-card">
        @if ($applications->isEmpty())
            <div class="entity-empty"><strong>{{ __('admin.investor_applications.empty_title') }}</strong><br>{{ __('admin.investor_applications.empty_hint') }}</div>
        @else
            <div class="entity-table-wrap">
                <table class="entity-table">
                    <thead><tr><th>{{ __('admin.investor_applications.fields.name') }}</th>@foreach ($columns as $key => [$label, $default])<th data-col="{{ $key }}" data-hidden="{{ $default ? 'false' : 'true' }}">{{ $label }}</th>@endforeach<th>{{ __('admin.fields.actions') }}</th></tr></thead>
                    <tbody>
                    @foreach ($applications as $application)
                        @php($isCurrent = (int) ($application->investor?->current_investor_application_id ?? 0) === (int) $application->id)
                        <tr>
                            <td><div class="entity-primary"><a href="{{ route('admin.investors.applications.show', [$application->investor_id, $application]) }}">{{ $application->list_display_name }}</a><span class="entity-meta">{{ __('admin.investor_applications.application_number', ['number' => $application->application_number]) }} · ID #{{ $application->id }}</span></div></td>
                            <td data-col="number"><span class="entity-number">#{{ $application->application_number }}</span></td>
                            <td data-col="investor"><a class="entity-link" href="{{ route('admin.investors.show', $application->investor_id) }}">{{ $application->investor?->display_name ?: '#'.$application->investor_id }}</a></td>
                            <td data-col="group">@if($application->group)<span class="entity-badge">{{ $application->group->name }}</span>@else — @endif</td>
                            <td data-col="status">{{ $optionName($application->statusOption) }}</td>
                            <td data-col="action">{{ $optionName($application->action) }}</td>
                            <td data-col="average_ticket">{{ $optionName($application->averageTicket) }}</td>
                            <td data-col="annual_investments">{{ $optionName($application->expectedAnnualInvestments) }}</td>
                            <td data-col="submitted">{{ $application->submitted_at?->format('Y-m-d') ?: '—' }}</td>
                            <td data-col="participations" class="entity-number">{{ $application->investment_participations_count }}</td>
                            <td data-col="state"><span class="entity-badge {{ $isCurrent ? 'entity-badge--current' : 'entity-badge--historical' }}">{{ $isCurrent ? __('admin.investor_applications.current') : __('admin.investor_applications.historical') }}</span></td>
                            <td data-col="source" data-hidden="true">{{ $application->source ?: '—' }}</td>
                            <td><div class="entity-actions"><a class="entity-action" href="{{ route('admin.investors.applications.show', [$application->investor_id, $application]) }}">{{ __('admin.actions.view') }}</a></div></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="entity-pagination">{{ $applications->links() }}</div>
        @endif
    </div>
</div>
@endsection

@push('scripts')<script src="{{ asset('js/admin-entity-index.js') }}" defer></script>@endpush