@extends('layouts.app')

@section('title', 'Approval — ' . ($instance->record_title ?: '#' . $instance->instance_id))

@php
    /**
     * Defensive date formatter.
     * Accepts Carbon, string, or null; returns a formatted string or '—'.
     */
    $fmtDate = function ($value, string $format = 'M j, Y H:i') {
        if (empty($value)) return '—';

        try {
            return \Illuminate\Support\Carbon::parse($value)->format($format);
        } catch (\Throwable $e) {
            return (string) $value;
        }
    };
@endphp

@section('content')
<div class="container-fluid">

    {{-- Flash messages --}}
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-exclamation-circle mr-1"></i> {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif

    {{-- Header --}}
    <div class="card shadow mb-3 bg-gradient-primary text-white">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-start flex-wrap">
                <div>
                    <h3 class="mb-2">{{ $instance->record_title ?: 'Approval Request' }}</h3>
                    <p class="mb-0">
                        <span class="badge badge-light">
                            {{ $instance->record_number ?: '#' . $instance->record_id }}
                        </span>
                        <span class="badge badge-light">{{ $instance->record_type }}</span>
                    </p>
                </div>
                <div>
                    <span class="badge badge-{{
                        match($instance->status) {
                            'PENDING'     => 'warning',
                            'IN_PROGRESS' => 'info',
                            'APPROVED'    => 'success',
                            'REJECTED'    => 'danger',
                            default       => 'secondary',
                        }
                    }} p-2">
                        {{ $instance->status }}
                    </span>
                </div>
            </div>
        </div>
    </div>

    {{-- Navigation --}}
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap">
        <div>
            <a href="{{ route('workflows.approvals.index') }}" class="btn btn-secondary mr-2">
                <i class="fas fa-arrow-left mr-1"></i> Back
            </a>
            @if(in_array($instance->status, ['PENDING', 'IN_PROGRESS'], true))
                <a href="{{ route('workflows.approvals.action-form', $instance->instance_id) }}"
                   class="btn btn-success">
                    <i class="fas fa-check-circle mr-1"></i> Take Action
                </a>
            @endif
        </div>
    </div>

    {{-- Two-column layout --}}
    <div class="row">

        {{-- LEFT: Record preview + Timeline --}}
        <div class="col-lg-8">

            {{-- Record preview --}}
            @if($record)
                <div class="card shadow mb-3">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-file-alt mr-1"></i> Record Preview
                        </h6>
                    </div>
                    <div class="card-body">
                        @if(view()->exists("workflows.approvals.previews.{$instance->record_type}"))
                            @include("workflows.approvals.previews.{$instance->record_type}", [
                                'record'   => $record,
                                'instance' => $instance,
                            ])
                        @else
                            <table class="table table-sm table-bordered mb-0">
                                @foreach($record->getAttributes() as $key => $value)
                                    <tr>
                                        <th width="200">{{ Str::headline($key) }}</th>
                                        <td>
                                            @if(is_array($value) || is_object($value))
                                                <code>{{ json_encode($value) }}</code>
                                            @else
                                                {{ Str::limit((string) $value, 200) }}
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </table>
                        @endif
                    </div>
                </div>
            @endif

            {{-- Approval Timeline --}}
            <div class="card shadow mb-3">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-stream mr-1"></i> Approval Timeline
                    </h6>
                </div>
                <div class="card-body">
                    @forelse($steps as $step)
                        @php
                            $stepAction = $stepActions[$step->step_id] ?? null;
                            $isCurrent  = $step->step_order == $instance->current_step
                                && in_array($instance->status, ['PENDING', 'IN_PROGRESS'], true);
                            $isPast     = $step->step_order < $instance->current_step || $stepAction;

                            // Defensive — action_date may be a string
                            $actionDateFormatted = $stepAction
                                ? $fmtDate($stepAction->action_date)
                                : null;
                        @endphp

                        <div class="d-flex mb-3">
                            <div class="mr-3">
                                <span class="d-inline-flex align-items-center justify-content-center rounded-circle
                                    bg-{{ $stepAction
                                        ? ($stepAction->action === 'APPROVE' ? 'success' : 'danger')
                                        : ($isCurrent ? 'primary' : ($isPast ? 'success' : 'light')) }}"
                                    style="width: 40px; height: 40px;">
                                    <i class="fas
                                        {{ $stepAction
                                            ? ($stepAction->action === 'APPROVE' ? 'fa-check' : 'fa-times')
                                            : ($isCurrent ? 'fa-hourglass-half' : 'fa-circle') }}
                                        {{ $stepAction || $isCurrent ? 'text-white' : 'text-muted' }}"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <div class="d-flex justify-content-between">
                                    <strong>Step {{ $step->step_order }}: {{ $step->step_name }}</strong>
                                    @if($stepAction)
                                        <span class="badge badge-{{ $stepAction->action === 'APPROVE' ? 'success' : 'danger' }}">
                                            {{ $stepAction->action }}
                                        </span>
                                    @endif
                                </div>
                                <div class="small text-muted">
                                    @if($step->approver_user_id)
                                        Assigned to user #{{ $step->approver_user_id }}
                                    @elseif($step->required_role)
                                        Required Role: <code>{{ $step->required_role }}</code>
                                    @endif
                                </div>
                                @if($stepAction)
                                    <div class="mt-2 p-2 bg-light rounded">
                                        <div>
                                            <strong>{{ $stepAction->approver?->name ?? 'Unknown' }}</strong>
                                            — {{ $actionDateFormatted ?? '—' }}
                                        </div>
                                        @if($stepAction->comment)
                                            <div class="mt-1">{{ $stepAction->comment }}</div>
                                        @endif
                                        @if($stepAction->signature)
                                            <div class="mt-1 small text-muted">
                                                <i class="fas fa-signature"></i> Signed: {{ $stepAction->signature }}
                                            </div>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>
                    @empty
                        <p class="text-muted mb-0">No workflow steps defined for this workflow.</p>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- RIGHT: Instance Details + All Actions --}}
        <div class="col-lg-4">

            {{-- Instance Details --}}
            <div class="card shadow mb-3">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Instance Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-sm mb-0">
                        <tr>
                            <th>Workflow</th>
                            <td>{{ $instance->workflow?->workflow_name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <th>Code</th>
                            <td><code>{{ $instance->workflow?->workflow_code ?? '—' }}</code></td>
                        </tr>
                        <tr>
                            <th>Module</th>
                            <td>{{ $instance->record_type }}</td>
                        </tr>
                        <tr>
                            <th>Initiator</th>
                            <td>{{ $instance->initiator?->name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <th>Initiated</th>
                            <td>{{ $fmtDate($instance->initiated_at) }}</td>
                        </tr>
                        <tr>
                            <th>Current Step</th>
                            <td>Step {{ $instance->current_step }}</td>
                        </tr>
                        @if(!empty($instance->completed_at))
                            <tr>
                                <th>Completed</th>
                                <td>{{ $fmtDate($instance->completed_at) }}</td>
                            </tr>
                            <tr>
                                <th>Decision By</th>
                                <td>{{ $instance->finalDecisionBy?->name ?? '—' }}</td>
                            </tr>
                        @endif
                    </table>
                </div>
            </div>

            {{-- All Actions --}}
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">All Actions</h6>
                </div>
                <div class="card-body p-0">
                    <div class="list-group list-group-flush">
                        @forelse($actions as $action)
                            <div class="list-group-item">
                                <div class="d-flex justify-content-between">
                                    <strong>{{ $action->approver?->name ?? 'Unknown' }}</strong>
                                    <span class="badge badge-{{ $action->action === 'APPROVE' ? 'success' : 'danger' }}">
                                        {{ $action->action }}
                                    </span>
                                </div>
                                <small class="text-muted">
                                    {{ $action->step?->step_name ?? '—' }} —
                                    {{ $fmtDate($action->action_date) }}
                                </small>
                                @if($action->comment)
                                    <div class="mt-1 small">{{ $action->comment }}</div>
                                @endif
                            </div>
                        @empty
                            <div class="list-group-item text-muted">
                                No actions yet.
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection