@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@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 class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->add == '1')
                            <button class="btn btn-primary mb-0"
                                onclick="event.preventDefault(); document.getElementById('mshrki-form').submit();">
                                <i class="fas fa-floppy-disk me-1"></i><span class="font-weight-bold">Simpan</span>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-8">
                <form role="form" method="POST" action="{{ url($url_menu) }}" id="mshrki-form">
                    @csrf
                    <div class="card">
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Tambah {{ $title_menu }}</p>
                            <hr class="horizontal dark mt-0">

                            <div class="mb-3">
                                <label class="form-control-label">Karyawan</label>
                                <select name="user_id" class="form-select" required>
                                    <option value="">Pilih Karyawan</option>
                                    @foreach ($users_options as $user)
                                        @php
                                            $nama = trim($user->nama ?? '');
                                        @endphp
                                        <option value="{{ $user->id }}" {{ old('user_id') == $user->id ? 'selected' : '' }}>
                                            {{ $user->username }}{{ $nama !== '' ? ' - ' . $nama : '' }}{{ $user->nik ? ' (' . $user->nik . ')' : '' }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('user_id')
                                    <p class="text-danger text-xs pt-1">{{ $message }}</p>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">Atasan</label>
                                <select name="super_user_id" class="form-select" required>
                                    <option value="">Pilih Atasan</option>
                                    @foreach ($users_options as $user)
                                        @php
                                            $nama = trim($user->nama ?? '');
                                        @endphp
                                        <option value="{{ $user->id }}" {{ old('super_user_id') == $user->id ? 'selected' : '' }}>
                                            {{ $user->username }}{{ $nama !== '' ? ' - ' . $nama : '' }}{{ $user->nik ? ' (' . $user->nik . ')' : '' }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('super_user_id')
                                    <p class="text-danger text-xs pt-1">{{ $message }}</p>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">Step Approval</label>
                                <input type="number" name="step" class="form-control" min="1" max="5"
                                    value="{{ old('step', 1) }}" required>
                                <p class="text-secondary text-xs pt-1 px-1">Step 1 = Atasan Langsung, Step 2 = Kepala Bagian</p>
                                @error('step')
                                    <p class="text-danger text-xs pt-1">{{ $message }}</p>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">Status</label>
                                <select name="isactive" class="form-select">
                                    <option value="1" {{ old('isactive', '1') == '1' ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ old('isactive') == '0' ? 'selected' : '' }}>Non Active</option>
                                </select>
                                @error('isactive')
                                    <p class="text-danger text-xs pt-1">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection