@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize edit --}}
                        @if ($authorize->edit == '1')
                            {{-- button save --}}
                            <button class="btn btn-primary mb-0" id="{{ $dmenu }}-save"
                                onclick="event.preventDefault(); $('#confirmEditModal').modal('show');">
                                <i class="fas fa-floppy-disk me-1"></i>
                                <span class="font-weight-bold">Simpan</span>
                            </button>

                            <!-- Modal Konfirmasi Edit -->
                            <div class="modal fade" id="confirmEditModal" tabindex="-1" aria-labelledby="confirmEditModalLabel"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="confirmEditModalLabel">Konfirmasi Edit</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            Apakah kamu yakin ingin mengedit data ini?
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary"
                                                data-bs-dismiss="modal">Batal</button>
                                            <button type="button" class="btn btn-primary"
                                                onclick="$('#confirmEditModal').modal('hide'); document.getElementById('{{ $dmenu }}-form').submit();">Ya,
                                                Edit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}"
            id="{{ $dmenu }}-form" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card mb-4">
                <div class="card-body">
                    <p class="text-uppercase text-sm">Edit {{ $title_menu }}</p>
                    <hr class="horizontal dark mt-0">
                    <div class="row">
                        {{-- Field Nama Departemen --}}
                        <div class="col-md-12">
                            <div class="form-group mb-4">
                                <label for="nama" class="form-control-label">Nama Departemen <span class="text-danger">*</span></label>
                                <input class="form-control @error('nama') is-invalid @enderror" type="text"
                                    value="{{ $list ? $list->nama : old('nama') }}" name="nama" id="nama" maxlength="45" required>
                                @error('nama')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        {{-- Field Status --}}
                        <div class="col-md-12">
                            <div class="form-group mb-4">
                                <label for="isactive" class="form-control-label">Status <span class="text-danger">*</span></label>
                                <select class="form-control @error('isactive') is-invalid @enderror" name="isactive" id="isactive" required>
                                    <option value="">Pilih Status</option>
                                    <option value="1" {{ ($list && $list->isactive == '1') || old('isactive') == '1' ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ ($list && $list->isactive == '0') || old('isactive') == '0' ? 'selected' : '' }}>Not Active</option>
                                </select>
                                @error('isactive')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection