@extends('layouts.app')

@section('title', 'Pindah Petugas')

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Admin · <a href="{{ route('admin.management.penempatan.show', $pusat) }}">{{ $pusat->name }}</a></div>
        <h1 class="h3 mb-0">Pindah Petugas</h1>
    </div>

    @include('admin.management._nav')

    <div class="row g-3">
        <div class="col-12 col-xl-5">
            {{-- Maklumat petugas semasa --}}
            <div class="content-panel p-3 p-md-4 mb-3">
                <h2 class="h6 fw-semibold text-secondary mb-3">Maklumat Petugas Semasa</h2>
                <dl class="row mb-0">
                    <dt class="col-5 text-secondary small">Nama</dt>
                    <dd class="col-7">{{ $assignment->application?->name ?? $assignment->user?->name ?? '-' }}</dd>
                    <dt class="col-5 text-secondary small">No. KP</dt>
                    <dd class="col-7 small">{{ $assignment->application?->ic_number ?? '-' }}</dd>
                    <dt class="col-5 text-secondary small">Jawatan</dt>
                    <dd class="col-7"><span class="badge text-bg-primary">{{ $assignment->position?->code }}</span></dd>
                    <dt class="col-5 text-secondary small">Pusat Semasa</dt>
                    <dd class="col-7">{{ $pusat->code }} — {{ $pusat->name }}</dd>
                    <dt class="col-5 text-secondary small">Saluran Semasa</dt>
                    <dd class="col-7">{{ $assignment->saluranMengundi ? 'Saluran '.$assignment->saluranMengundi->number : 'Peringkat Pusat' }}</dd>
                </dl>
            </div>

            {{-- Form pindah --}}
            <div class="content-panel p-3 p-md-4">
                <h2 class="h6 fw-semibold mb-3">Pindah ke Lokasi Baru</h2>
                <form method="POST" action="{{ route('admin.management.penempatan.pindah', [$pusat, $assignment]) }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-semibold" for="pusat_mengundi_id">Pusat Mengundi Baru</label>
                        <select id="pusat_mengundi_id" name="pusat_mengundi_id"
                                class="form-select @error('pusat_mengundi_id') is-invalid @enderror"
                                required data-tom-select>
                            @foreach ($pusats as $p)
                                <option value="{{ $p->id }}" @selected($p->id === $pusat->id)>
                                    {{ $p->code }} — {{ $p->name }}
                                    @if ($p->election) ({{ $p->election->name }}) @endif
                                </option>
                            @endforeach
                        </select>
                        @error('pusat_mengundi_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="mb-4">
                        <label class="form-label fw-semibold" for="saluran_mengundi_id">Saluran (pilihan)</label>
                        <select id="saluran_mengundi_id" name="saluran_mengundi_id"
                                class="form-select @error('saluran_mengundi_id') is-invalid @enderror">
                            <option value="">Peringkat Pusat (Saluran 0)</option>
                            @foreach ($salurans as $saluran)
                                <option value="{{ $saluran->id }}" @selected($saluran->id === $assignment->saluran_mengundi_id)>
                                    Saluran {{ $saluran->number }}
                                    @if ($saluran->name) — {{ $saluran->name }} @endif
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text">Senarai saluran akan dikemaskini apabila pusat baru dipilih.</div>
                        @error('saluran_mengundi_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('admin.management.penempatan.show', $pusat) }}" class="btn btn-outline-secondary">Batal</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-arrow-left-right me-1"></i>Sahkan Pindah
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection