@extends('layouts.app')

@section('content')
<div id="layout-wrapper">
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">Application View</h4>
                    <div class="hstack gap-2">
                        <a href="{{ route('applications.edit', $application->id) }}" class="btn btn-primary btn-sm">Edit</a>
                        <form action="{{ route('applications.next-step', $application->id) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-success btn-sm">Move To Next Step</button>
                        </form>
                    </div>
                </div>

                @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                <div class="row">
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header"><h5 class="card-title mb-0">Application Details</h5></div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle mb-0">
                                        <tbody>
                                            <tr><th style="width: 30%;">Tracking No</th><td>{{ $application->tracking_no ?? '-' }}</td></tr>
                                            <tr><th>Name</th><td>{{ $application->name ?? '-' }}</td></tr>
                                            <tr><th>Phone</th><td>{{ $application->phone ?? '-' }}</td></tr>
                                            <tr><th>Email</th><td>{{ $application->email ?? '-' }}</td></tr>
                                            <tr><th>Country</th><td>{{ $application->country_name ?? '-' }}</td></tr>
                                            <tr><th>Category</th><td>{{ $application->category_name ?? '-' }}</td></tr>
                                            <tr><th>Service</th><td>{{ $application->service_item_name ?? '-' }}</td></tr>
                                            <tr><th>Total Amount</th><td>{{ $application->total_amount ?? 0 }}</td></tr>
                                            <tr><th>Payment Method</th><td>{{ $application->payment_method ?? '-' }}</td></tr>
                                            <tr><th>Current Step</th><td>{{ $currentStep?->name ?? ($application->step_id ?? '-') }}</td></tr>
                                            <tr><th>Assigned User</th><td>{{ $assignedUser?->name ?? ($application->step_user_id ?? '-') }}</td></tr>
                                            <tr><th>Status</th><td>{{ (string) $application->is_active === '1' ? 'Active' : 'Inactive' }}</td></tr>
                                            <tr><th>Note</th><td>{{ $application->note ?? '-' }}</td></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-header"><h5 class="card-title mb-0">Workflow</h5></div>
                            <div class="card-body">
                                <p class="mb-2"><strong>Step:</strong> {{ $currentStep?->name ?? ($application->step_id ?? '-') }}</p>
                                <p class="mb-2"><strong>Role:</strong> {{ $currentRole?->name ?? ($application->step_role_id ?? '-') }}</p>
                                <p class="mb-0"><strong>User:</strong> {{ $assignedUser?->name ?? ($application->step_user_id ?? '-') }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footer')
    </div>
</div>
@endsection