{{-- resources/views/applicant/applications/show.blade.php --}}
@extends('layouts.app')

@section('title', 'Application #' . $application->id)

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

@section('content')

@php
    $ap      = $application->applicantProfile;
    $cd      = $application->companyDetail;
    $od      = $application->operationDetail;
    $vessels = $od?->vesselsDetails ?? collect();

    $statusClass = match($application->status) {
        'approved'  => 'status-approved',
        'rejected'  => 'status-rejected',
        'submitted' => 'status-submitted',
        'pending'   => 'status-pending',
        default     => 'status-draft',
    };

    $statusLabel = ucfirst($application->status ?? 'Draft');

    function fieldVal($value, $fallback = '—') {
        return !empty($value) ? $value : $fallback;
    }
@endphp

{{-- ── PAGE HEADER ── --}}
<div class="page-header no-print">
    <div class="page-header-inner">
        <div>
            <p class="page-header-meta">Fishing License Application</p>
            <h1 class="page-header-title">Application #{{ $application->id }}</h1>
            <div class="page-header-badges">
                <span class="status-badge {{ $statusClass }}">
                    <span class="status-badge-dot"></span>
                    {{ $statusLabel }}
                </span>
                @if($application->license_type)
                    <span class="page-header-type">
                        {{ ucfirst(str_replace('_', ' ', $application->license_type)) }}
                    </span>
                @endif
                <span class="page-header-date">
                    Submitted {{ $application->created_at?->format('d M Y') ?? '—' }}
                </span>
            </div>
        </div>
        <div class="page-header-actions no-print">
            <button onclick="window.print()" class="btn btn-outline">
                <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/>
                </svg>
                Print / PDF
            </button>
            <a href="{{ route('applicant.dashboard') }}" class="btn btn-outline">
                <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
                </svg>
                Back
            </a>
        </div>
    </div>
</div>

<div class="page-content">

    {{-- ── ADMIN / REVIEWER NOTES ── --}}
    @if($application->status === 'rejected' || !empty($application->ap_admin_notes))
    <div class="admin-note-box no-print">
        <svg class="admin-note-icon" width="18" height="18" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
        </svg>
        <div>
            <p class="admin-note-title">Reviewer Notes</p>
            <p class="admin-note-text">{{ $application->ap_admin_notes ?? 'No additional notes provided.' }}</p>
        </div>
    </div>
    @endif

    {{-- ── TIMELINE ── --}}
    <div class="section-card">
        <div class="section-header" onclick="ApplicationShow.toggleSection(this)" aria-expanded="true" role="button" tabindex="0">
            <div class="section-icon" style="background:#f0fdf4;">
                <svg width="18" height="18" fill="none" stroke="currentColor" style="color:#059669;" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
            </div>
            <div>
                <p class="section-title">Application Timeline</p>
                <p class="section-subtitle">Track your application progress</p>
            </div>
            <svg class="section-chevron" width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
        </div>
        <div class="section-body">
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-dot done"></div>
                    <p class="timeline-label">Application Created</p>
                    <p class="timeline-date">{{ $application->created_at?->format('d M Y, h:i A') }}</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot {{ in_array($application->status, ['submitted','pending','approved','rejected']) ? 'done' : 'pending' }}"></div>
                    <p class="timeline-label">Submitted for Review</p>
                    <p class="timeline-date">{{ $application->ap_submitted_at?->format('d M Y, h:i A') ?? 'Pending' }}</p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot {{ in_array($application->status, ['approved','rejected']) ? 'done' : ($application->status === 'pending' ? 'active' : 'pending') }}"></div>
                    <p class="timeline-label">Under Review</p>
                    <p class="timeline-date">
                        {{ $application->status === 'pending'
                            ? 'In progress'
                            : ($application->reviewed_at
                                ? $application->reviewed_at->format('d M Y, h:i A')
                                : 'Pending') }}
                    </p>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot {{ $application->status === 'rejected' ? 'rejected-dot' : ($application->status === 'approved' ? 'done' : 'pending') }}"></div>
                    <p class="timeline-label">
                        @if($application->status === 'approved') Approved
                        @elseif($application->status === 'rejected') Rejected
                        @else Decision Pending
                        @endif
                    </p>
                    <p class="timeline-date">{{ $application->reviewed_at?->format('d M Y, h:i A') ?? '—' }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- ══ 1. PERSONAL DETAILS ══ --}}
    @if($ap)
    <div class="section-card">
        <div class="section-header" onclick="ApplicationShow.toggleSection(this)" aria-expanded="true" role="button" tabindex="0">
            <div class="section-icon" style="background:#eff6ff;">
                <svg width="18" height="18" fill="currentColor" style="color:#3b82f6;" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
                </svg>
            </div>
            <div>
                <p class="section-title">Personal Details</p>
                <p class="section-subtitle">Applicant personal information</p>
            </div>
            <svg class="section-chevron" width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
        </div>
        <div class="section-body">
            <div class="field-grid">
                <div class="field-group field-full">
                    <span class="field-label">Full Name</span>
                    <span class="field-value {{ empty($ap->full_name) ? 'empty' : '' }}">{{ fieldVal($ap->full_name) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Date of Birth</span>
                    <span class="field-value {{ empty($ap->date_of_birth) ? 'empty' : '' }}">{{ $ap->date_of_birth?->format('d M Y') ?? '—' }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Gender</span>
                    <span class="field-value {{ empty($ap->gender) ? 'empty' : '' }}">{{ ucfirst(fieldVal($ap->gender)) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Nationality</span>
                    <span class="field-value {{ empty($ap->nationality) ? 'empty' : '' }}">{{ fieldVal($ap->nationality) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Home Island</span>
                    <span class="field-value {{ empty($ap->home_island) ? 'empty' : '' }}">{{ fieldVal($ap->home_island) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Phone Number</span>
                    <span class="field-value {{ empty($ap->phone_number) ? 'empty' : '' }}">{{ fieldVal($ap->phone_number) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Email Address</span>
                    <span class="field-value {{ empty($ap->email) ? 'empty' : '' }}">{{ fieldVal($ap->email) }}</span>
                </div>
                <div class="field-group field-full">
                    <span class="field-label">Residential Address</span>
                    <span class="field-value {{ empty($ap->residential_address) ? 'empty' : '' }}">{{ fieldVal($ap->residential_address) }}</span>
                </div>
            </div>

            <div style="margin-top:1.25rem;">
                <p class="sub-label">Documents</p>
                <div style="display:flex;flex-wrap:wrap;gap:.5rem;">
                    @foreach([
                        ['Police Clearance',  $ap->police_clearance_path],
                        ['Passport Biodata',  $ap->passport_biodata_path],
                        ['Birth Certificate', $ap->birth_certificate_path],
                        ['National ID',       $ap->national_id_path],
                    ] as [$label, $path])
                        @if($path)
                            <a href="{{ Storage::url($path) }}" target="_blank" class="doc-link doc-link-available">
                                <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                                {{ $label }}
                            </a>
                        @else
                            <span class="doc-link doc-link-missing">
                                <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                                {{ $label }} — Not uploaded
                            </span>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @endif

    {{-- ══ 2. COMPANY DETAILS ══ --}}
    @if($cd)
    <div class="section-card">
        <div class="section-header" onclick="ApplicationShow.toggleSection(this)" aria-expanded="true" role="button" tabindex="0">
            <div class="section-icon" style="background:#fdf4ff;">
                <svg width="18" height="18" fill="currentColor" style="color:#a855f7;" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z" clip-rule="evenodd"/>
                </svg>
            </div>
            <div>
                <p class="section-title">Company Details</p>
                <p class="section-subtitle">Business registration information</p>
            </div>
            <svg class="section-chevron" width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
        </div>
        <div class="section-body">
            <div class="field-grid">
                <div class="field-group">
                    <span class="field-label">Business Name</span>
                    <span class="field-value {{ empty($cd->business_name) ? 'empty' : '' }}">{{ fieldVal($cd->business_name) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Registered Name</span>
                    <span class="field-value {{ empty($cd->registered_name) ? 'empty' : '' }}">{{ fieldVal($cd->registered_name) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Company Type</span>
                    <span class="field-value {{ empty($cd->company_type) ? 'empty' : '' }}">
                        {{ ucfirst(str_replace('_', ' ', fieldVal($cd->company_type))) }}
                        @if($cd->company_type === 'other' && $cd->company_type_other) — {{ $cd->company_type_other }}@endif
                    </span>
                </div>
                <div class="field-group">
                    <span class="field-label">Registration Number</span>
                    <span class="field-value {{ empty($cd->registration_number) ? 'empty' : '' }}">{{ fieldVal($cd->registration_number) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Date Established</span>
                    <span class="field-value {{ empty($cd->date_established) ? 'empty' : '' }}">{{ $cd->date_established?->format('d M Y') ?? '—' }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Telephone</span>
                    <span class="field-value {{ empty($cd->telephone_number) ? 'empty' : '' }}">{{ fieldVal($cd->telephone_number) }}</span>
                </div>
                <div class="field-group">
                    <span class="field-label">Email</span>
                    <span class="field-value {{ empty($cd->email_address) ? 'empty' : '' }}">{{ fieldVal($cd->email_address) }}</span>
                </div>
                <div class="field-group field-full">
                    <span class="field-label">Nature of Business</span>
                    <span class="field-value {{ empty($cd->nature_of_business) ? 'empty' : '' }}">{{ fieldVal($cd->nature_of_business) }}</span>
                </div>
                <div class="field-group field-full">
                    <span class="field-label">Main Branch Address</span>
                    <span class="field-value {{ empty($cd->main_branch_address) ? 'empty' : '' }}">{{ fieldVal($cd->main_branch_address) }}</span>
                </div>
                @if($cd->branch_address)
                <div class="field-group field-full">
                    <span class="field-label">Branch Address</span>
                    <span class="field-value">{{ $cd->branch_address }}</span>
                </div>
                @endif
            </div>

            {{-- Shareholders --}}
            @if($cd->shareholders && $cd->shareholders->count() > 0)
            <div style="margin-top:1.25rem;">
                <p class="sub-label">Shareholders</p>
                <div style="overflow-x:auto;">
                    <table class="shareholders-table">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Nationality</th>
                                <th>Shares (%)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($cd->shareholders as $sh)
                            <tr>
                                <td>{{ $sh->name ?? '—' }}</td>
                                <td class="muted">{{ $sh->nationality ?? '—' }}</td>
                                <td class="muted">{{ $sh->share_percentage ?? '—' }}%</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif

            {{-- Documents --}}
            <div style="margin-top:1.25rem;">
                <p class="sub-label">Documents</p>
                <div style="display:flex;flex-wrap:wrap;gap:.5rem;">
                    @foreach([
                        ['Bank Statement',  $cd->bank_statement_path],
                        ['Company License', $cd->company_license_path],
                    ] as [$label, $path])
                        @if($path)
                            <a href="{{ Storage::url($path) }}" target="_blank" class="doc-link doc-link-available">
                                <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                                {{ $label }}
                            </a>
                        @else
                            <span class="doc-link doc-link-missing">
                                <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                                {{ $label }} — Not uploaded
                            </span>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @endif

    {{-- ══ 3. OPERATION DETAILS ══ --}}
    @if($od)
    <div class="section-card">
        <div class="section-header" onclick="ApplicationShow.toggleSection(this)" aria-expanded="true" role="button" tabindex="0">
            <div class="section-icon" style="background:#f0fdfa;">
                <svg width="18" height="18" fill="currentColor" style="color:#0d9488;" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/>
                </svg>
            </div>
            <div>
                <p class="section-title">Operation Details</p>
                <p class="section-subtitle">Fishing operation information</p>
            </div>
            <svg class="section-chevron" width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
        </div>
        <div class="section-body">
            <div class="field-grid">
                <div class="field-group">
                    <span class="field-label">Has Vessel</span>
                    <span class="field-value">{{ $od->has_vessel ? 'Yes' : 'No' }}</span>
                </div>
                @if($od->licenseDuration)
                <div class="field-group">
                    <span class="field-label">License Duration</span>
                    <span class="field-value">{{ $od->licenseDuration->name }}</span>
                </div>
                @endif
                @if($od->supplying_companies)
                <div class="field-group field-full">
                    <span class="field-label">Foreign Buyer / Supplying Companies</span>
                    <span class="field-value">{{ $od->supplying_companies }}</span>
                </div>
                @endif
                @if($od->fishing_grounds)
                <div class="field-group field-full">
                    <span class="field-label">Fishing Grounds</span>
                    <span class="field-value">{{ $od->fishing_grounds }}</span>
                </div>
                @endif
            </div>

            {{-- Harvest Islands --}}
            @if($od->harvestIslands->count() > 0)
            <div style="margin-top:1.1rem;">
                <p class="sub-label">Harvest Islands</p>
                <div class="tag-list">
                    @foreach($od->harvestIslands as $island)
                        <span class="tag tag-teal">{{ $island->island_name }}</span>
                    @endforeach
                </div>
            </div>
            @endif

            {{-- Target Fish Families --}}
            @if($od->targetFishFamilies->count() > 0)
            <div style="margin-top:1.1rem;">
                <p class="sub-label">Target Fish Families</p>
                <div class="tag-list">
                    @foreach($od->targetFishFamilies as $family)
                        <span class="tag tag-ocean">{{ $family->name }}</span>
                    @endforeach
                </div>
            </div>
            @endif

            {{-- Harvesting Methods --}}
            @if($od->harvestingMethods->count() > 0)
            <div style="margin-top:1.1rem;">
                <p class="sub-label">Harvesting Methods</p>
                <div class="tag-list">
                    @foreach($od->harvestingMethods as $method)
                        <span class="tag tag-emerald">{{ $method->name }}</span>
                    @endforeach
                </div>
            </div>
            @endif

            {{-- Extra Target Species --}}
            @if($od->extraTargetSpecies->count() > 0)
            <div style="margin-top:1.1rem;">
                <p class="sub-label">Extra Target Species</p>
                <div>
                    @foreach($od->extraTargetSpecies as $species)
                    <div class="species-row">
                        @if($species->local_name)
                            <div><span class="species-sub">Local</span>{{ $species->local_name }}</div>
                        @endif
                        @if($species->english_name)
                            <div><span class="species-sub">English</span>{{ $species->english_name }}</div>
                        @endif
                        @if($species->fish_family)
                            <div><span class="species-sub">Family</span>{{ $species->fish_family }}</div>
                        @endif
                    </div>
                    @endforeach
                </div>
            </div>
            @endif

            {{-- Business Plan --}}
            <div style="margin-top:1.1rem;">
                <p class="sub-label">Business Plan</p>
                @if($od->business_plan_path)
                    <a href="{{ Storage::url($od->business_plan_path) }}" target="_blank" class="doc-link doc-link-available">
                        <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                        Download Business Plan
                    </a>
                @else
                    <span class="doc-link doc-link-missing">Not uploaded</span>
                @endif
            </div>
        </div>
    </div>
    @endif

    {{-- ══ 4. VESSEL DETAILS ══ --}}
    @if($vessels->count() > 0)
    <div class="section-card">
        <div class="section-header" onclick="ApplicationShow.toggleSection(this)" aria-expanded="true" role="button" tabindex="0">
            <div class="section-icon" style="background:#fff7ed;">
                <svg width="18" height="18" fill="currentColor" style="color:#ea580c;" viewBox="0 0 20 20">
                    <path d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1z"/>
                </svg>
            </div>
            <div>
                <p class="section-title">Vessel Details</p>
                <p class="section-subtitle">{{ $vessels->count() }} vessel{{ $vessels->count() > 1 ? 's' : '' }} registered</p>
            </div>
            <svg class="section-chevron" width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
            </svg>
        </div>
        <div class="section-body">
            @foreach($vessels as $i => $vessel)
            <div class="vessel-card">
                @if($vessels->count() > 1)
                    <p class="vessel-label">Vessel {{ $i + 1 }}</p>
                @endif
                <div class="field-grid">
                    <div class="field-group">
                        <span class="field-label">Vessel Name</span>
                        <span class="field-value {{ empty($vessel->vessel_name) ? 'empty' : '' }}">{{ fieldVal($vessel->vessel_name) }}</span>
                    </div>
                    @if($vessel->previous_vessel_name)
                    <div class="field-group">
                        <span class="field-label">Previous Name</span>
                        <span class="field-value">{{ $vessel->previous_vessel_name }}</span>
                    </div>
                    @endif
                    <div class="field-group">
                        <span class="field-label">Vessel Type</span>
                        <span class="field-value {{ empty($vessel->vessel_type) ? 'empty' : '' }}">{{ fieldVal($vessel->vessel_type) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Current Flag</span>
                        <span class="field-value {{ empty($vessel->current_flag) ? 'empty' : '' }}">{{ fieldVal($vessel->current_flag) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Base Port</span>
                        <span class="field-value {{ empty($vessel->base_port) ? 'empty' : '' }}">{{ fieldVal($vessel->base_port) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">IMO Registration</span>
                        <span class="field-value {{ empty($vessel->imo_registration_number) ? 'empty' : '' }}">{{ fieldVal($vessel->imo_registration_number) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Call Sign</span>
                        <span class="field-value {{ empty($vessel->international_call_sign) ? 'empty' : '' }}">{{ fieldVal($vessel->international_call_sign) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Year Built</span>
                        <span class="field-value {{ empty($vessel->year_built) ? 'empty' : '' }}">{{ fieldVal($vessel->year_built) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Tonnage (GT)</span>
                        <span class="field-value {{ empty($vessel->tonnage) ? 'empty' : '' }}">{{ fieldVal($vessel->tonnage) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Overall Length (m)</span>
                        <span class="field-value {{ empty($vessel->overall_length) ? 'empty' : '' }}">{{ fieldVal($vessel->overall_length) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Registered Length (m)</span>
                        <span class="field-value {{ empty($vessel->registered_length) ? 'empty' : '' }}">{{ fieldVal($vessel->registered_length) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Beam (m)</span>
                        <span class="field-value {{ empty($vessel->beam_length) ? 'empty' : '' }}">{{ fieldVal($vessel->beam_length) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Draught (m)</span>
                        <span class="field-value {{ empty($vessel->draught_length) ? 'empty' : '' }}">{{ fieldVal($vessel->draught_length) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Max Speed (knots)</span>
                        <span class="field-value {{ empty($vessel->maximum_speed) ? 'empty' : '' }}">{{ fieldVal($vessel->maximum_speed) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Service Speed (knots)</span>
                        <span class="field-value {{ empty($vessel->service_speed) ? 'empty' : '' }}">{{ fieldVal($vessel->service_speed) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Hull Color</span>
                        <span class="field-value {{ empty($vessel->hull_color) ? 'empty' : '' }}">{{ fieldVal($vessel->hull_color) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Hull Material</span>
                        <span class="field-value {{ empty($vessel->hull_material) ? 'empty' : '' }}">{{ fieldVal($vessel->hull_material) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Number of Crew</span>
                        <span class="field-value {{ empty($vessel->number_of_crew) ? 'empty' : '' }}">{{ fieldVal($vessel->number_of_crew) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">Captain / Master</span>
                        <span class="field-value {{ empty($vessel->captain_master_name) ? 'empty' : '' }}">{{ fieldVal($vessel->captain_master_name) }}</span>
                    </div>
                    <div class="field-group">
                        <span class="field-label">VMS Number</span>
                        <span class="field-value {{ empty($vessel->vms_number) ? 'empty' : '' }}">{{ fieldVal($vessel->vms_number) }}</span>
                    </div>
                    @if($vessel->fishing_gears_onboard)
                    <div class="field-group field-full">
                        <span class="field-label">Fishing Gears Onboard</span>
                        <span class="field-value">{{ $vessel->fishing_gears_onboard }}</span>
                    </div>
                    @endif
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endif

</div>{{-- /.page-content --}}

@push('scripts')
<script src="{{ asset('js/application-show.js') }}"></script>
@endpush

@endsection