@extends('layouts.app')
@section('title', $application->application_number)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0">
        <i class="bi bi-folder2-open me-1"></i> {{ $application->application_number }}
        @include('applications.partials.status_badge', ['status' => $application->status])
    </h5>
    <div class="d-flex gap-2">
        <a href="{{ route('applications.print', $application) }}" target="_blank" class="btn btn-outline-dark btn-sm">
            <i class="bi bi-printer"></i> {{ __('applications.actions.print') }}
        </a>
        <a href="{{ route('applications.index') }}" class="btn btn-secondary btn-sm">{{ __('app.back') }}</a>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card shadow-sm mb-3">
            <div class="card-header bg-white fw-bold">{{ __('app.application') }}</div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-4">{{ __('applications.columns.applicant_name') }}</dt>
                    <dd class="col-sm-8">{{ optional($application->applicant)->name ?? '—' }}</dd>
                    <dt class="col-sm-4">{{ __('applications.columns.applicant_phone') }}</dt>
                    <dd class="col-sm-8">{{ optional($application->applicant)->phone ?? '—' }}</dd>
                    <dt class="col-sm-4">{{ __('applications.columns.finance_product') }}</dt>
                    <dd class="col-sm-8">{{ optional($application->product)->name ?? '—' }}</dd>
                    <dt class="col-sm-4">{{ __('applications.columns.amount') }}</dt>
                    <dd class="col-sm-8"><x-money :value="$application->requested_amount" :decimals="2" /></dd>
                    <dt class="col-sm-4">{{ __('applications.columns.assignee') }}</dt>
                    <dd class="col-sm-8">{{ optional($application->assignee)->name ?? '—' }}</dd>
                    <dt class="col-sm-4">{{ __('applications.columns.funding_entity') }}</dt>
                    <dd class="col-sm-8">{{ optional($application->fundingEntity)->name ?? '—' }}</dd>
                    @if($application->rejection_reason)
                        <dt class="col-sm-4 text-danger">{{ __('app.rejection_reason') }}</dt>
                        <dd class="col-sm-8 text-danger">{{ $application->rejection_reason }}</dd>
                    @endif
                </dl>
            </div>
        </div>

        {{-- Dynamic field values (data-driven) --}}
        @if(isset($fieldValues) && $fieldValues->isNotEmpty())
            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white fw-bold"><i class="bi bi-ui-checks-grid me-1"></i> {{ __('forms.dynamic_fields') }}</div>
                <div class="card-body">
                    <dl class="row mb-0">
                        @foreach($fieldValues as $f)
                            <dt class="col-sm-5">{{ $f['label'] }}</dt>
                            <dd class="col-sm-7">
                                @php $v = $f['value']; @endphp
                                @if($f['type'] === 'file' && filled($v))
                                    <a href="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($v) }}" target="_blank">
                                        <i class="bi bi-paperclip"></i> {{ __('forms.current_file') }}
                                    </a>
                                @elseif($f['type'] === 'select' && filled($v))
                                    {{ $f['options'][$v] ?? $v }}
                                @elseif($f['type'] === 'checkbox')
                                    {{ ($v === '1' || $v === 1) ? __('app.yes') : __('app.no') }}
                                @elseif(is_array($v))
                                    {{ implode('، ', $v) }}
                                @else
                                    {{ filled($v) ? $v : '—' }}
                                @endif
                            </dd>
                        @endforeach
                    </dl>
                </div>
            </div>
        @endif

        {{-- Document checklist (auto per finance product) --}}
        @isset($checklist)
            @include('applications.partials.checklist')
        @endisset

        {{-- Credit analysis summary + entry --}}
        @if($application->latestCreditAnalysis)
            @include('applications.partials.credit_summary', ['analysis' => $application->latestCreditAnalysis])
        @endif
        @can('applications.credit_review')
            <a href="{{ route('credit.edit', $application) }}" class="btn btn-outline-warning btn-sm mb-3">
                <i class="bi bi-graph-up"></i> {{ __('credit.title') }}
            </a>
        @endcan
    </div>

    <div class="col-lg-5">
        {{-- Workflow actions --}}
        @if(count($actions))
            <div class="card shadow-sm mb-3 border-primary">
                <div class="card-header bg-primary text-white fw-bold">
                    <i class="bi bi-lightning-charge me-1"></i> {{ __('applications.columns.actions') }}
                </div>
                <div class="card-body d-flex flex-wrap gap-2">
                    @foreach($actions as $action)
                        <button type="button" class="btn btn-{{ $action['color'] }} btn-sm"
                                onclick="appTransition({{ $application->id }}, '{{ $action['key'] }}', {{ $action['requires_comment'] ? 'true' : 'false' }}, '{{ __('applications.actions.' . $action['key']) }}', '{{ $action['color'] }}')">
                            <i class="bi {{ $action['icon'] }}"></i> {{ __('applications.actions.' . $action['key']) }}
                        </button>
                    @endforeach
                </div>
            </div>
        @endif

        {{-- Timeline --}}
        <div class="card shadow-sm">
            <div class="card-header bg-white fw-bold"><i class="bi bi-clock-history me-1"></i> {{ __('workflow.timeline') }}</div>
            <ul class="list-group list-group-flush">
                @forelse($application->stageLogs as $log)
                    <li class="list-group-item">
                        <div class="d-flex justify-content-between">
                            <span>@include('applications.partials.status_badge', ['status' => $log->toStatus])</span>
                            <small class="text-muted">{{ $log->created_at->format('Y-m-d H:i') }}</small>
                        </div>
                        <div class="small text-muted">{{ optional($log->performer)->name }}</div>
                        @if($log->comment)<div class="small">{{ $log->comment }}</div>@endif
                    </li>
                @empty
                    <li class="list-group-item text-center text-muted">{{ __('app.no_data') }}</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
const APP_BASE = "{{ url('applications') }}";
const CSRF     = $('meta[name="csrf-token"]').attr('content');
const T = @json(__('applications.confirm'));

function submitForm(action, method, fields) {
    const form = document.createElement('form');
    form.method = 'POST'; form.action = action;
    const add = (n, v) => { const i = document.createElement('input'); i.type = 'hidden'; i.name = n; i.value = v; form.appendChild(i); };
    add('_token', CSRF);
    if (method !== 'POST') add('_method', method);
    Object.entries(fields || {}).forEach(([k, v]) => add(k, v ?? ''));
    document.body.appendChild(form); form.submit();
}
function appTransition(id, action, requiresComment, label) {
    const url = `${APP_BASE}/${id}/transition`;
    if (requiresComment) {
        Swal.fire({ title: label, input: 'textarea', inputLabel: T.comment_label,
            inputValidator: (v) => (!v || !v.trim()) ? T.comment_required : undefined,
            showCancelButton: true, confirmButtonText: T.yes, cancelButtonText: T.cancel })
            .then((r) => { if (r.isConfirmed) submitForm(url, 'POST', { action, comment: r.value }); });
    } else {
        Swal.fire({ title: T.action_title, html: `${T.action_text}<br><strong>${label}</strong>`, icon: 'question',
            showCancelButton: true, confirmButtonText: T.yes, cancelButtonText: T.cancel })
            .then((r) => { if (r.isConfirmed) submitForm(url, 'POST', { action }); });
    }
}
</script>
@endpush