@extends('layouts.admin.master')

@php($isEdit = $layanan->exists)

@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">{{ $isEdit ? 'Ubah Layanan Smart City' : 'Tambah Layanan Smart City' }}</h3>
                <p class="text-muted mb-0">Form inti untuk domain <code>layanan</code> pada Service Catalog Smart City.</p>
            </div>
            <a href="{{ route('admin.smart_city.service_catalog') }}" class="btn btn-outline-secondary btn-sm">Kembali ke katalog</a>
        </div>

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

        <form action="{{ $isEdit ? route('admin.smart_city.service_catalog.update', $layanan) : route('admin.smart_city.service_catalog.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @if ($isEdit)
                @method('PUT')
            @endif

            <div class="row g-3">
                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Dasar</h5>
                            <p class="text-muted mb-0">Nama, kategori, OPD, dan SLA.</p>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label">Nama layanan</label>
                                <input type="text" name="nama" class="form-control" value="{{ old('nama', $layanan->nama) }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Slug</label>
                                <input type="text" name="slug" class="form-control" value="{{ old('slug', $layanan->slug) }}" placeholder="Kosongkan untuk auto">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Kategori</label>
                                <select name="kategori" class="form-select" required>
                                    <option value="">Pilih kategori</option>
                                    @foreach (\App\Models\Layanan::KATEGORI as $kategori)
                                        <option value="{{ $kategori }}" @selected(old('kategori', $layanan->kategori) === $kategori)>{{ $kategori }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Jenis layanan</label>
                                <select name="jenis_layanan" class="form-select" required>
                                    @foreach (\App\Models\Layanan::JENIS_LAYANAN as $key => $label)
                                        <option value="{{ $key }}" @selected(old('jenis_layanan', $layanan->jenis_layanan) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">OPD penanggung jawab</label>
                                <select name="opd_id" class="form-select">
                                    <option value="">Pilih OPD</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" @selected((string) old('opd_id', $layanan->opd_id) === (string) $organization->id)>
                                            {{ $organization->short_name ?: $organization->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="row g-2">
                                <div class="col-6">
                                    <label class="form-label">SLA respon</label>
                                    <input type="number" min="0" name="sla_respon_menit" class="form-control" value="{{ old('sla_respon_menit', $layanan->sla_respon_menit) }}">
                                </div>
                                <div class="col-6">
                                    <label class="form-label">SLA selesai</label>
                                    <input type="number" min="0" name="sla_selesai_menit" class="form-control" value="{{ old('sla_selesai_menit', $layanan->sla_selesai_menit) }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Workflow</h5>
                            <p class="text-muted mb-0">Alur layanan dan publikasi.</p>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label">Workflow</label>
                                <select name="workflow_type" class="form-select">
                                    @foreach (\App\Models\Layanan::WORKFLOW_TYPES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('workflow_type', $layanan->workflow_type) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Kanal pengajuan</label>
                                <select name="submission_channel" class="form-select">
                                    @foreach (\App\Models\Layanan::SUBMISSION_CHANNELS as $key => $label)
                                        <option value="{{ $key }}" @selected(old('submission_channel', $layanan->submission_channel) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-select">
                                    @foreach (\App\Models\Layanan::STATUS as $key => $label)
                                        <option value="{{ $key }}" @selected((string) old('status', $layanan->status) === (string) $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" name="active_flag" value="1" @checked(old('active_flag', $layanan->active_flag ?? true))>
                                <label class="form-check-label">Aktif di service catalog</label>
                            </div>
                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" name="is_public_submission" value="1" @checked(old('is_public_submission', $layanan->is_public_submission))>
                                <label class="form-check-label">Buka pengajuan publik</label>
                            </div>
                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" name="requires_verification" value="1" @checked(old('requires_verification', $layanan->requires_verification))>
                                <label class="form-check-label">Perlu verifikasi internal</label>
                            </div>
                            <div class="form-check form-switch mb-0">
                                <input class="form-check-input" type="checkbox" name="featured" value="1" @checked(old('featured', $layanan->featured))>
                                <label class="form-check-label">Tandai sebagai rekomendasi</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Konten</h5>
                            <p class="text-muted mb-0">Deskripsi, lokasi, media, dan kontak.</p>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label">Deskripsi singkat</label>
                                <textarea name="deskripsi_singkat" rows="3" class="form-control" required>{{ old('deskripsi_singkat', $layanan->deskripsi_singkat) }}</textarea>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Deskripsi lengkap</label>
                                <textarea name="deskripsi_lengkap" rows="4" class="form-control">{{ old('deskripsi_lengkap', $layanan->deskripsi_lengkap) }}</textarea>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Lokasi</label>
                                <input type="text" name="lokasi" class="form-control" value="{{ old('lokasi', $layanan->lokasi) }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Alamat lengkap</label>
                                <textarea name="alamat_lengkap" rows="3" class="form-control" required>{{ old('alamat_lengkap', $layanan->alamat_lengkap) }}</textarea>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Foto utama</label>
                                <input type="file" name="foto_utama" class="form-control" accept="image/*">
                                @if ($layanan->foto_utama)
                                    <div class="small text-muted mt-2">Foto saat ini: {{ $layanan->foto_utama }}</div>
                                @endif
                            </div>
                            <div class="row g-2">
                                <div class="col-6">
                                    <label class="form-label">Kontak</label>
                                    <input type="text" name="kontak" class="form-control" value="{{ old('kontak', $layanan->kontak) }}">
                                </div>
                                <div class="col-6">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" class="form-control" value="{{ old('email', $layanan->email) }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body d-flex justify-content-end gap-2">
                            <a href="{{ route('admin.smart_city.service_catalog') }}" class="btn btn-light">Batal</a>
                            <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Simpan Perubahan' : 'Simpan Layanan' }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection