@extends('layouts.app')

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

@section('content_body')
    <!-- Header & Breadcrumbs -->
    <x-page-header 
        title="Edit Jam Pelayanan" 
        subtitle="Ubah jadwal kerja operasional, jam buka-tutup kantor desa."
        :breadcrumbs="[
            'Dashboard' => route('dashboard'),
            'Informasi Desa' => route('informasi-desa.index'),
            'Jam Pelayanan' => route('informasi-desa.edit-jampelayanan')
        ]"
    >
        <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>

    <div class="card border-0 shadow-sm rounded-xl mb-4" style="border-radius: 12px; background: #ffffff;">
        <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>

                <hr class="my-4" style="border-top: 1px solid #f1f5f9;">

                <!-- Submit Buttons -->
                <div class="text-right">
                    <a href="{{ route('informasi-desa.index') }}" class="btn btn-light border mr-2">Batal</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save mr-1"></i> Simpan Perubahan
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection