@extends('layouts.app')

@section('subtitle', 'Edit Kontak & Jam Pelayanan')

@section('content_body')
    <!-- Header & Breadcrumbs -->
    <x-page-header 
        title="Edit Kontak & Jam Pelayanan" 
        subtitle="Ubah alamat kantor desa, email resmi, nomor telepon, dan jam operasional pelayanan."
        :breadcrumbs="[
            'Dashboard' => route('dashboard'),
            'Informasi Desa' => route('informasi-desa.index'),
            'Kontak Desa' => route('informasi-desa.edit-kontak')
        ]"
    >
        <x-slot name="buttons">
            <a href="{{ route('informasi-desa.index') }}" class="btn btn-light border mr-2">
                <i class="fas fa-arrow-left mr-1"></i> Batal
            </a>
        </x-slot>
    </x-page-header>

    <!-- Card 1: Informasi Kontak Desa -->
    <div class="card border-0 shadow-sm rounded-xl mb-4" style="border-radius: 12px; background: #ffffff;">
        <div class="card-header bg-transparent border-bottom p-4">
            <h5 class="font-weight-bold text-dark mb-0">
                <i class="fas fa-address-book text-primary mr-2"></i> Informasi Kontak Desa
            </h5>
        </div>
        <div class="card-body p-4">
            <form action="{{ route('informasi-desa.update-kontak') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="form-group mb-3">
                    <label for="kontak_alamat" class="font-weight-bold text-secondary text-sm">Alamat Kantor Desa <span class="text-danger">*</span></label>
                    <input type="text" name="kontak_alamat" id="kontak_alamat" class="form-control @error('kontak_alamat') is-invalid @enderror" value="{{ old('kontak_alamat', $informasi->kontak_alamat) }}" placeholder="Contoh: Jl. Raya Tuhemberua KM 12, Desa Siofa Banua" required style="border-radius: 8px;">
                    @error('kontak_alamat')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 form-group mb-3">
                        <label for="kontak_email" class="font-weight-bold text-secondary text-sm">Email Resmi Desa <span class="text-danger">*</span></label>
                        <input type="email" name="kontak_email" id="kontak_email" class="form-control @error('kontak_email') is-invalid @enderror" value="{{ old('kontak_email', $informasi->kontak_email) }}" placeholder="Contoh: info@siofabanua.desa.id" required style="border-radius: 8px;">
                        @error('kontak_email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 form-group mb-3">
                        <label for="kontak_telepon" class="font-weight-bold text-secondary text-sm">Nomor Telepon Kantor / WhatsApp <span class="text-danger">*</span></label>
                        <input type="text" name="kontak_telepon" id="kontak_telepon" class="form-control @error('kontak_telepon') is-invalid @enderror" value="{{ old('kontak_telepon', $informasi->kontak_telepon) }}" placeholder="Contoh: 082277778888" required style="border-radius: 8px;">
                        <small class="form-text text-muted">Gunakan nomor WhatsApp aktif yang diawali 08.</small>
                        @error('kontak_telepon')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="text-right mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save mr-1"></i> Simpan Informasi Kontak
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Card 2: Jam Pelayanan Operational -->
    <div class="card border-0 shadow-sm rounded-xl mb-4" style="border-radius: 12px; background: #ffffff;">
        <div class="card-header bg-transparent border-bottom p-4">
            <h5 class="font-weight-bold text-dark mb-0">
                <i class="fas fa-clock text-primary mr-2"></i> Jam Pelayanan Operasional
            </h5>
        </div>
        <div class="card-body p-4">
            <form action="{{ route('informasi-desa.update-jampelayanan') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-6 form-group mb-3">
                        <label for="jam_kerja_hari" class="font-weight-bold text-secondary text-sm">Hari Kerja <span class="text-danger">*</span></label>
                        <input type="text" name="jam_kerja_hari" id="jam_kerja_hari" class="form-control @error('jam_kerja_hari') is-invalid @enderror" value="{{ old('jam_kerja_hari', $informasi->jam_kerja_hari) }}" placeholder="Contoh: Senin - Jumat" required style="border-radius: 8px;">
                        @error('jam_kerja_hari')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-3 form-group mb-3">
                        <label for="jam_kerja_buka" class="font-weight-bold text-secondary text-sm">Jam Buka <span class="text-danger">*</span></label>
                        <input type="text" name="jam_kerja_buka" id="jam_kerja_buka" class="form-control @error('jam_kerja_buka') is-invalid @enderror" value="{{ old('jam_kerja_buka', $informasi->jam_kerja_buka) }}" placeholder="Contoh: 08:00" required style="border-radius: 8px;">
                        @error('jam_kerja_buka')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-3 form-group mb-3">
                        <label for="jam_kerja_tutup" class="font-weight-bold text-secondary text-sm">Jam Tutup <span class="text-danger">*</span></label>
                        <input type="text" name="jam_kerja_tutup" id="jam_kerja_tutup" class="form-control @error('jam_kerja_tutup') is-invalid @enderror" value="{{ old('jam_kerja_tutup', $informasi->jam_kerja_tutup) }}" placeholder="Contoh: 16:00" required style="border-radius: 8px;">
                        @error('jam_kerja_tutup')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-12 form-group mb-3">
                        <label for="jam_kerja_keterangan" class="font-weight-bold text-secondary text-sm">Keterangan Tambahan</label>
                        <input type="text" name="jam_kerja_keterangan" id="jam_kerja_keterangan" class="form-control @error('jam_kerja_keterangan') is-invalid @enderror" value="{{ old('jam_kerja_keterangan', $informasi->jam_kerja_keterangan) }}" placeholder="Contoh: Hari Sabtu, Minggu, dan Libur Nasional Tutup" style="border-radius: 8px;">
                        @error('jam_kerja_keterangan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="text-right mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save mr-1"></i> Simpan Jam Pelayanan
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection