@extends('layouts.admin')
@section('title', 'Hubungi Kami – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Hubungi Kami</p>
    <h1 class="sd-admin-title">Info Kontak Sekolah</h1>
  </div>
  <a href="{{ route('admin.hubungi-kami.pesan') }}" class="sd-admin-btn outline"><i class="bi bi-inbox"></i> Lihat Pesan Masuk</a>
</div>

<div class="sd-admin-card">
  <form action="{{ route('admin.hubungi-kami.update') }}" method="POST">
    @csrf
    @method('PUT')

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Nomor WhatsApp</label>
        <input type="text" name="whatsapp" class="sd-form-control" value="{{ old('whatsapp', $kontak->whatsapp ?? '') }}" placeholder="0812-3456-7890">
      </div>
      <div class="sd-form-group">
        <label>Email Sekolah</label>
        <input type="email" name="email" class="sd-form-control" value="{{ old('email', $kontak->email ?? '') }}">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Username Instagram</label>
        <input type="text" name="instagram_handle" class="sd-form-control" value="{{ old('instagram_handle', $kontak->instagram_handle ?? '') }}" placeholder="@sdn4keling">
      </div>
      <div class="sd-form-group">
        <label>URL Instagram</label>
        <input type="url" name="instagram_url" class="sd-form-control" value="{{ old('instagram_url', $kontak->instagram_url ?? '') }}">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Nama Channel YouTube</label>
        <input type="text" name="youtube_label" class="sd-form-control" value="{{ old('youtube_label', $kontak->youtube_label ?? '') }}">
      </div>
      <div class="sd-form-group">
        <label>URL YouTube</label>
        <input type="url" name="youtube_url" class="sd-form-control" value="{{ old('youtube_url', $kontak->youtube_url ?? '') }}">
      </div>
    </div>

    <div class="sd-form-group">
      <label>Alamat Sekolah</label>
      <input type="text" name="alamat" class="sd-form-control" value="{{ old('alamat', $kontak->alamat ?? '') }}">
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Jam Operasional Senin–Kamis</label>
        <input type="text" name="jam_senin_kamis" class="sd-form-control" value="{{ old('jam_senin_kamis', $kontak->jam_senin_kamis ?? '') }}" placeholder="07.00 – 13.00 WIB">
      </div>
      <div class="sd-form-group">
        <label>Jam Operasional Jumat</label>
        <input type="text" name="jam_jumat" class="sd-form-control" value="{{ old('jam_jumat', $kontak->jam_jumat ?? '') }}" placeholder="07.00 – 11.00 WIB">
      </div>
      <div class="sd-form-group">
        <label>Jam Operasional Sabtu</label>
        <input type="text" name="jam_sabtu" class="sd-form-control" value="{{ old('jam_sabtu', $kontak->jam_sabtu ?? '') }}" placeholder="07.00 – 12.00 WIB">
      </div>
    </div>

    <div class="sd-form-group">
      <label>Kode Embed Google Maps</label>
      <textarea name="maps_embed_url" class="sd-form-control" rows="3" placeholder="Tempel kode embed Google Maps atau URL src-nya saja">{{ old('maps_embed_url', $kontak->maps_embed_url ?? '') }}</textarea>
      <p class="hint">Boleh tempel kode <code>&lt;iframe&gt;</code> lengkap dari Google Maps (Bagikan → Sematkan peta → Salin HTML) ATAU cuma URL src-nya saja — dua-duanya otomatis dikenali dengan benar.</p>
    </div>

    <div class="sd-form-actions">
      <button type="submit" class="sd-admin-btn"><i class="bi bi-check2"></i> Simpan Perubahan</button>
    </div>
  </form>
</div>
@endsection