{{--
	Reusable "Home Transfer Audit Trail" popup.

	Renders the same move-history data as the components.home-history full page
	(same $data->getMoveHistory() call, same trait, same fields) but inside a
	Bootstrap modal so it can be opened without leaving the current page.

	This partial is intentionally generic (driven by $type/$subjectName) so the
	same markup/CSS can be reused for employees, residents and vehicles by
	including it from their respective detail views.

	Expected variables:
	- $data          Model instance using HomeHistoryTrait (Employee|Resident|Vehicle)
	- $type           'employee' | 'resident' | 'vehicle' (defaults to 'employee')
	- $subjectName    Display name shown in the subtitle
	- $modalId         Optional explicit modal id (defaults to a type+id based id)
--}}
@php
	$historyType = strtolower($type ?? 'employee');
	$historyModalId = $modalId ?? ('home-history-audit-modal-' . $historyType . '-' . ($data->id ?? ''));
	$historySubjectName = $subjectName ?? ($data->name ?? '');
	$homeHistoryData = $data->getMoveHistory();
	$homeHistoryFirst = $homeHistoryData['first_home'];
	$homeHistoryMoves = $homeHistoryData['moves'];
	$homeHistoryHomesWorked = 1 + $homeHistoryMoves->count();

	$homeHistoryFormatDate = function ($date) {
		if (empty($date) || $date === '0000-00-00' || $date === '0000-00-00 00:00:00') {
			return '-';
		}

		return \Carbon\Carbon::parse($date)->format(config('choicescrm.date_format_forms'));
	};

	$homeHistoryAbbreviateDuration = function ($text) {
		if (empty($text)) {
			return '-';
		}

		return str_ireplace(
			['years', 'year', 'months', 'month', 'days', 'day'],
			['yrs', 'yr', 'mos', 'mo', 'days', 'day'],
			$text
		);
	};
@endphp

<div class="modal fade job-adverts-main-add-new-item-popup home-document-modal home-history-audit-modal" id="{{ $historyModalId }}" role="dialog" data-bs-backdrop="static">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modalh4 mb-0"><i data-lucide="map-pin" class="w-6"></i> Home Transfer Audit Trail</h4>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><i data-lucide="x"></i></button>
			</div>
			<div class="modal-body">
				<p class="home-history-audit-subtitle">Movement history for {{ $historySubjectName }} across company homes.</p>

				<div class="home-history-audit-summary">
					<span><i data-lucide="building-2"></i> Homes worked at: <strong>{{ $homeHistoryHomesWorked }}</strong></span>
					<span class="home-history-audit-divider"></span>
					<span><i data-lucide="clock"></i> Total tracked service: <strong>&mdash;</strong></span>
				</div>

				<div class="home-history-audit-timeline">
					<div class="home-history-audit-item is-current">
						<span class="home-history-audit-icon"><i data-lucide="home"></i></span>
						<div class="home-history-audit-main">
							<div class="home-history-audit-title-row">
								<h5>{{ $homeHistoryFirst['home'] ?: '-' }}</h5>
								<span class="home-history-audit-badge">Current Home</span>
							</div>
							<div class="home-history-audit-dates">
								<span>{{ $homeHistoryFormatDate($homeHistoryFirst['start_date']) }}</span>
								<i data-lucide="arrow-right"></i>
								<span>Present</span>
							</div>
							@if($historyType === 'employee' && !empty($homeHistoryFirst['role']) && $homeHistoryFirst['role'] !== '-')
								<div class="home-history-audit-role">
									<i data-lucide="badge-check"></i>
									<span>{{ $homeHistoryFirst['role'] }}</span>
								</div>
							@endif
						</div>
						<div class="home-history-audit-duration">
							<span>Duration</span>
							<strong>{{ $homeHistoryAbbreviateDuration($homeHistoryFirst['stay_duration']) }}</strong>
						</div>
					</div>

					@foreach($homeHistoryMoves as $homeHistoryMove)
						<div class="home-history-audit-item">
							<span class="home-history-audit-icon"><i data-lucide="home"></i></span>
							<div class="home-history-audit-main">
								<div class="home-history-audit-title-row">
									<h5>{{ $homeHistoryMove['to_home'] ?: '-' }}</h5>
								</div>
								<div class="home-history-audit-dates">
									<span>{{ $homeHistoryFormatDate($homeHistoryMove['start_date']) }}</span>
									<i data-lucide="arrow-right"></i>
									<span>{{ $homeHistoryFormatDate($homeHistoryMove['end_date']) }}</span>
								</div>
								@if($historyType === 'employee' && !empty($homeHistoryMove['role']) && $homeHistoryMove['role'] !== '-')
									<div class="home-history-audit-role">
										<i data-lucide="badge-check"></i>
										<span>{{ $homeHistoryMove['role'] }}</span>
									</div>
								@endif
							</div>
							<div class="home-history-audit-duration">
								<span>Duration</span>
								<strong>{{ $homeHistoryAbbreviateDuration($homeHistoryMove['stay_duration']) }}</strong>
							</div>
						</div>
					@endforeach
				</div>
			</div>
		</div>
	</div>
</div>