@extends('layouts.admin.master')

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
            <div>
                <h3 class="mb-1">Master Organisasi / OPD</h3>
                <p class="text-muted mb-0">Fondasi struktur OPD dan organisasi untuk domain Smart City Core.</p>
            </div>
            <a href="{{ route('admin.smart_city') }}" class="btn btn-outline-primary">
                <i class="bx bx-left-arrow-alt me-1"></i> Kembali ke Smart City Dashboard
            </a>
        </div>

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <div class="fw-semibold mb-2">Periksa data organisasi yang diisi:</div>
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row g-3">
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">{{ $editing ? 'Ubah Organisasi' : 'Tambah Organisasi' }}</h5>
                        <p class="text-muted mb-0">Gunakan master ini untuk OPD, UPT, dan struktur organisasi turunan.</p>
                    </div>
                    <div class="card-body pt-2">
                        <form method="POST" action="{{ $editing ? route('admin.smart_city.organization.update', $editing) : route('admin.smart_city.organization.insert') }}">
                            @csrf
                            @if ($editing)
                                @method('PUT')
                            @endif

                            <div class="mb-3">
                                <label class="form-label" for="code">Kode Organisasi</label>
                                <input type="text" class="form-control" id="code" name="code" value="{{ old('code', $editing->code ?? '') }}" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="name">Nama Organisasi</label>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $editing->name ?? '') }}" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="short_name">Nama Singkat</label>
                                <input type="text" class="form-control" id="short_name" name="short_name" value="{{ old('short_name', $editing->short_name ?? '') }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="type">Tipe</label>
                                <select class="form-select" id="type" name="type" required>
                                    @foreach ($types as $type)
                                        <option value="{{ $type }}" @selected(old('type', $editing->type ?? 'opd') === $type)>{{ strtoupper($type) }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="parent_id">Parent Organisasi</label>
                                <select class="form-select" id="parent_id" name="parent_id">
                                    <option value="">Tanpa Parent</option>
                                    @foreach ($parentOptions as $option)
                                        <option value="{{ $option->id }}" @selected((string) old('parent_id', $editing->parent_id ?? '') === (string) $option->id)>{{ $option->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="legacy_unit_kerja_id">Legacy Unit Kerja ID</label>
                                <input type="text" class="form-control" id="legacy_unit_kerja_id" name="legacy_unit_kerja_id" value="{{ old('legacy_unit_kerja_id', $editing->legacy_unit_kerja_id ?? '') }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="email">Email</label>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $editing->email ?? '') }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="phone">Telepon</label>
                                <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone', $editing->phone ?? '') }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="address">Alamat</label>
                                <textarea class="form-control" id="address" name="address" rows="3">{{ old('address', $editing->address ?? '') }}</textarea>
                            </div>

                            <div class="form-check form-switch mb-4">
                                <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" @checked(old('is_active', $editing->is_active ?? true))>
                                <label class="form-check-label" for="is_active">Aktif</label>
                            </div>

                            <div class="d-flex gap-2">
                                <button type="submit" class="btn btn-primary flex-fill">
                                    <i class="bx bx-save me-1"></i> {{ $editing ? 'Simpan Perubahan' : 'Tambah Organisasi' }}
                                </button>
                                @if ($editing)
                                    <a href="{{ route('admin.smart_city.organization') }}" class="btn btn-outline-secondary">Batal</a>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4 d-flex justify-content-between align-items-center">
                        <div>
                            <h5 class="mb-1">Daftar Organisasi</h5>
                            <p class="text-muted mb-0">Data master ini akan dipakai untuk layanan, pengaduan, penugasan, dan command center.</p>
                        </div>
                        <span class="badge bg-primary-subtle text-primary">{{ $organizations->total() }} data</span>
                    </div>
                    <div class="card-body pt-2">
                        <div class="table-responsive">
                            <table class="table align-middle">
                                <thead>
                                    <tr>
                                        <th>Kode</th>
                                        <th>Nama</th>
                                        <th>Tipe</th>
                                        <th>Parent</th>
                                        <th>Status</th>
                                        <th class="text-end">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($organizations as $organization)
                                        <tr>
                                            <td class="fw-semibold">{{ $organization->code }}</td>
                                            <td>
                                                <div class="fw-semibold">{{ $organization->name }}</div>
                                                <div class="small text-muted">{{ $organization->short_name ?: $organization->slug }}</div>
                                            </td>
                                            <td><span class="badge bg-info-subtle text-info">{{ strtoupper($organization->type) }}</span></td>
                                            <td>{{ $organization->parent?->name ?? '-' }}</td>
                                            <td>
                                                <span class="badge {{ $organization->is_active ? 'bg-success-subtle text-success' : 'bg-secondary-subtle text-secondary' }}">
                                                    {{ $organization->is_active ? 'Aktif' : 'Nonaktif' }}
                                                </span>
                                            </td>
                                            <td class="text-end">
                                                <div class="d-inline-flex gap-2">
                                                    <a href="{{ route('admin.smart_city.organization', ['edit' => $organization->id]) }}" class="btn btn-sm btn-outline-primary">Ubah</a>
                                                    <form method="POST" action="{{ route('admin.smart_city.organization.delete', $organization) }}" onsubmit="return confirm('Hapus organisasi ini?');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-outline-danger">Hapus</button>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center text-muted py-4">Belum ada data organisasi smart city.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        {{ $organizations->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection