@extends('layouts.dashboard') {{-- ganti dengan layoutmu sendiri --}}

@section('title', 'Pengaturan Kafe')
@section('main')
<div class="pcoded-inner-content">
    <!-- Main-body start -->
    <div class="main-body">
        <div class="page-wrapper">
            <!-- Page-body start -->
            <div class="page-body">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <div>
                        <h4>@yield('title')</h4>
                        <span>Silakan kelola <code> @yield('title')</code> sesuai kebutuhan bisnis Anda</span>
                        </div>
                    </div>
                    <div class="card-block table-border-style">
                        @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                        @endif

                        <form id="saveData" autocomplete="off">
                            <div class="form-group row">
                                <label for="jam_buka" class="col-sm-3 col-form-label">Jam Buka</label>
                                <div class="col-md-4">
                                    <input type="time" class="form-control @error('jam_buka') is-invalid @enderror" id="jam_buka" name="jam_buka" value="{{ old('jam_buka', $jamBuka->value) }}">
                                    @error('jam_buka')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="jam_tutup" class="col-sm-3 col-form-label">Jam Tutup</label>
                                <div class="col-md-4">
                                    <input type="time" class="form-control @error('jam_tutup') is-invalid @enderror" id="jam_tutup" name="jam_tutup" value="{{ old('jam_tutup', $jamTutup->value) }}">
                                    @error('jam_tutup')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Mode Maintenance</label>
                                <div class="col-md-4">
                                    <select name="maintenance_mode" class="form-control @error('maintenance_mode') is-invalid @enderror">
                                        <option value="0" {{ old('maintenance_mode', $maintenance->value) == '0' ? 'selected' : '' }}>Nonaktif</option>
                                        <option value="1" {{ old('maintenance_mode', $maintenance->value) == '1' ? 'selected' : '' }}>Aktif</option>
                                    </select>
                                    @error('maintenance_mode')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="text-center mt-4 pr-4">
                                <button type="submit" class="btn btn-primary">Simpan Pengaturan</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    $(document).ready(function() {
        $("#saveData").submit(function(e) {
            e.preventDefault();
            setButtonLoadingState("#saveData .btn.btn-primary", true);

            const data = new FormData(this);
            const url = "{{ route('dashboard.settings.update') }}";

            const successCallback = function(response) {
                setButtonLoadingState("#saveData .btn.btn-primary", false);
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil!',
                    text: response.message || 'Pengaturan berhasil diperbarui.',
                });
            };

            const errorCallback = function(error) {
                setButtonLoadingState("#saveData .btn.btn-primary", false);
                if (error.status === 419) {
                    location.reload();
                    return;
                }
                let msg = error.responseJSON?.message || 'Terjadi kesalahan.';
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal!',
                    text: msg,
                });
            };

            ajaxCall(url, "POST", data, successCallback, errorCallback);
        });
    });
</script>

@endpush

@endsection