@extends('admin.layouts.netgescon')

@section('title', 'Relations Manager')

@section('breadcrumb')
		<a href="{{ route('admin.gescon-import.index') }}">GESCON Import</a>
		<span>/</span>
		<span>Relazioni</span>
@endsection

@section('content')
<div class="content-wrapper">
	<div class="px-6">
		@include('components.layout.alerts')

		<div class="flex items-center justify-between mb-3 flex-wrap gap-2">
			<h2 class="text-lg font-semibold">Gestione Relazioni tra Tabelle</h2>
			<div class="flex items-center gap-2">
				<a class="netgescon-btn netgescon-btn-outline-secondary" href="{{ route('admin.gescon-import.index') }}#mapping"><i class="mdi mdi-arrow-left"></i> Torna a Mapping</a>
			</div>
		</div>

		<div class="netgescon-card">
			<div class="netgescon-card-header flex items-center gap-2 flex-wrap">
				<label class="text-sm">Segmento</label>
				@php $seg = $segment ?? 'unita'; @endphp
				<a class="netgescon-btn netgescon-btn-sm {{ $seg==='stabili' ? 'netgescon-btn-primary' : 'netgescon-btn-outline-primary' }}" href="{{ route('admin.gescon-import.relations', array_merge(request()->query(), ['segment'=>'stabili'])) }}">Stabili</a>
				<a class="netgescon-btn netgescon-btn-sm {{ $seg==='unita' ? 'netgescon-btn-primary' : 'netgescon-btn-outline-primary' }}" href="{{ route('admin.gescon-import.relations', array_merge(request()->query(), ['segment'=>'unita'])) }}">Unità</a>
				<a class="netgescon-btn netgescon-btn-sm {{ $seg==='tabelle' ? 'netgescon-btn-primary' : 'netgescon-btn-outline-primary' }}" href="{{ route('admin.gescon-import.relations', array_merge(request()->query(), ['segment'=>'tabelle'])) }}">Tabelle</a>
				<a class="netgescon-btn netgescon-btn-sm {{ $seg==='voci' ? 'netgescon-btn-primary' : 'netgescon-btn-outline-primary' }}" href="{{ route('admin.gescon-import.relations', array_merge(request()->query(), ['segment'=>'voci'])) }}">Voci</a>
				<div class="ml-auto flex items-center gap-2">
					<label class="text-sm text-slate-600">Legacy code</label>
					<form method="get" action="{{ route('admin.gescon-import.relations') }}" class="flex items-center gap-2">
						<input type="hidden" name="segment" value="{{ $seg }}">
						<input name="legacy_code" class="netgescon-input netgescon-input-sm" value="{{ $legacyCode ?? '' }}" placeholder="es. 0024" />
						<button class="netgescon-btn netgescon-btn-sm netgescon-btn-outline-secondary" type="submit"><i class="mdi mdi-refresh"></i> Carica</button>
					</form>
				</div>
			</div>
			<div class="netgescon-card-body">
				@include('admin.gescon-import.partials.relations-mapping', [
					'segment' => $seg,
					'legacyFields' => $legacyFields ?? [],
					'existingRelations' => $existingRelations ?? [],
				])
			</div>
		</div>
	</div>
</div>
@endsection