@extends('layouts.app')

@section('title', $pusat->name)

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Pusat Mengundi</div>
        <div class="d-flex justify-content-between flex-column flex-lg-row gap-3">
            <div>
                <h1 class="h3 mb-1">{{ $pusat->name }}</h1>
                <p class="text-secondary mb-0">{{ $pusat->code }} - {{ $pusat->daerahMengundi?->name }}</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('admin.setup.pusat.edit', $pusat) }}" class="btn btn-outline-primary"><i class="bi bi-pencil me-1"></i>Edit</a>
                <form method="POST" action="{{ route('admin.setup.pusat.generate-qr', $pusat) }}">
                    @csrf
                    <button class="btn btn-primary" type="submit"><i class="bi bi-qr-code me-1"></i>Jana QR</button>
                </form>
            </div>
        </div>
    </div>
    @include('admin.setup._nav')

    <div class="row g-4">
        <div class="col-12 col-xl-7">
            <div class="content-panel p-3 p-md-4 mb-4">
                <h2 class="h5 mb-3">Maklumat Pusat</h2>
                <dl class="row mb-0">
                    <dt class="col-sm-4">Election</dt><dd class="col-sm-8">{{ $pusat->election?->name }}</dd>
                    <dt class="col-sm-4">Alamat</dt><dd class="col-sm-8">{{ $pusat->address ?: '-' }}</dd>
                    <dt class="col-sm-4">Public UUID</dt><dd class="col-sm-8"><code>{{ $pusat->public_uuid }}</code></dd>
                    <dt class="col-sm-4">Link QR</dt>
                    <dd class="col-sm-8">
                        @if ($pusat->registration_url)
                            <a href="{{ $pusat->registration_url }}" target="_blank">{{ $pusat->registration_url }}</a>
                        @else
                            <span class="text-secondary">Belum dijana.</span>
                        @endif
                    </dd>
                </dl>
            </div>

            <div class="content-panel p-3 p-md-4">
                <h2 class="h5 mb-3">Saluran</h2>
                <div class="table-responsive">
                    <table class="table table-sm align-middle">
                        <thead><tr><th>No.</th><th>Nama</th><th>Pengundi</th></tr></thead>
                        <tbody>
                            @forelse ($pusat->saluranMengundis as $saluran)
                                <tr><td>{{ $saluran->number }}</td><td>{{ $saluran->name }}</td><td>{{ $saluran->voter_count ?? '-' }}</td></tr>
                            @empty
                                <tr><td colspan="3" class="text-secondary text-center py-3">Tiada saluran.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 col-xl-5">
            <div class="content-panel p-3 p-md-4 mb-4">
                <h2 class="h5 mb-3">QR Pendaftaran</h2>
                @if ($pusat->qr_code_path)
                    <img class="img-fluid border rounded bg-white p-2 mb-3" style="max-width: 220px" src="{{ route('admin.setup.pusat.qr-svg', $pusat) }}" alt="QR Pusat Mengundi">
                @else
                    <p class="text-secondary">QR belum dijana.</p>
                @endif
                <div class="small text-secondary">QR menunjuk ke pautan awam Pusat Mengundi ini.</div>
            </div>

            <div class="content-panel p-3 p-md-4">
                <h2 class="h5 mb-3">Tetapan PPM</h2>
                <p class="mb-3">PPM semasa: <span class="fw-semibold">{{ $ppmAssignment?->user?->name ?? 'Belum ditetapkan' }}</span></p>
                <form method="POST" action="{{ route('admin.setup.pusat.assign-ppm', $pusat) }}">
                    @csrf
                    <label for="user_id" class="form-label">Pilih pengguna</label>
                    <select id="user_id" name="user_id" class="form-select mb-3" required data-tom-select>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @selected($ppmAssignment?->user_id === $user->id)>{{ $user->name }} - {{ $user->email }}</option>
                        @endforeach
                    </select>
                    <button class="btn btn-primary" type="submit"><i class="bi bi-person-check me-1"></i>Simpan PPM</button>
                </form>
            </div>
        </div>
    </div>
@endsection