@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card mx-4 shadow-lg">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-md-12">
                    <div class="nav-wrapper">
                        <button type="button" class="btn btn-secondary mb-0" onclick="window.location='{{ url($url_menu) }}'">
                            <i class="fas fa-arrow-left"></i> Back
                        </button>
                        <button type="button" class="btn btn-info mb-0"
                            onclick="window.location='{{ url($url_menu . '/show/' . encrypt($assignment->id)) }}'">
                            <i class="fas fa-eye"></i> View
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">Edit {{ $title_menu }}</h5>
                        </div>
                        <div class="card-body">
                            {{-- alert --}}
                            @include('components.alert')

                            <form action="{{ url($url_menu . '/' . encrypt($assignment->id)) }}" method="POST">
                                @csrf
                                @method('PUT')

                                <div class="row">
                                    {{-- <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Assignment ID</label>
                                            <div class="form-control bg-light">{{ $assignment->id }}</div>
                                        </div>
                                    </div> --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label" for="employee_nik">Karyawan</label>
                                            <input type="text" class="form-control bg-light"
                                                value="{{ $assignment->employee_name }}" disabled readonly>
                                            <input type="hidden" name="employee_nik"
                                                value="{{ $assignment->employee_nik }}">
                                            <p class='text-secondary pt-1 text-xs'>Karyawan tidak dapat diubah pada
                                                penugasan yang sudah ada</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label" for="supervisor_nik">Penilai <span
                                                    class="text-danger">*</span></label>
                                            <select
                                                class="form-control @error('supervisor_nik') is-invalid @enderror"
                                                id="supervisor_nik" name="supervisor_nik" required>
                                                <option value="">Pilih Penilai</option>
                                                @foreach ($supervisors as $supervisor)
                                                    <option value="{{ $supervisor->nik }}"
                                                        {{ old('supervisor_nik', $assignment->supervisor_nik) == $supervisor->nik ? 'selected' : '' }}>
                                                        {{ $supervisor->full_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('supervisor_nik')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label" for="pa_position_id">Posisi <span
                                                    class="text-danger">*</span></label>
                                            <select class="form-control @error('pa_position_id') is-invalid @enderror"
                                                id="pa_position_id" name="pa_position_id" required>
                                                <option value="">Pilih Posisi</option>
                                                @foreach ($positions as $position)
                                                    <option value="{{ $position->id }}"
                                                        {{ old('pa_position_id', $assignment->pa_position_id) == $position->id ? 'selected' : '' }}>
                                                        {{ $position->position_name }} - {{ $position->department_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('pa_position_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label" for="effective_month">Berlaku Dari - Bulan <span
                                                    class="text-danger">*</span></label>
                                            <select class="form-control @error('effective_month') is-invalid @enderror"
                                                id="effective_month" name="effective_month" required>
                                                @foreach ($monthOptions as $monthNum => $monthName)
                                                    <option value="{{ $monthNum }}"
                                                        {{ old('effective_month', $assignmentMonth) == $monthNum ? 'selected' : '' }}>
                                                        {{ $monthName }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('effective_month')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label" for="effective_year">Berlaku Dari - Tahun <span
                                                    class="text-danger">*</span></label>
                                            <select class="form-control @error('effective_year') is-invalid @enderror"
                                                id="effective_year" name="effective_year" required>
                                                @foreach ($yearOptions as $year)
                                                    <option value="{{ $year }}"
                                                        {{ old('effective_year', $assignmentYear) == $year ? 'selected' : '' }}>
                                                        {{ $year }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('effective_year')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label" for="effective_to_month">Berlaku Sampai - Bulan</label>
                                            <select class="form-control @error('effective_to_month') is-invalid @enderror"
                                                id="effective_to_month" name="effective_to_month">
                                                <option value="">Sekarang</option>
                                                @foreach ($monthOptions as $monthNum => $monthName)
                                                    <option value="{{ $monthNum }}"
                                                        {{ old('effective_to_month', $assignmentToMonth) == $monthNum ? 'selected' : '' }}>
                                                        {{ $monthName }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('effective_to_month')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <p class='text-secondary pt-1 text-xs'>Kosongkan jika masih berlaku sampai sekarang</p>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label" for="effective_to_year">Berlaku Sampai - Tahun</label>
                                            <select class="form-control @error('effective_to_year') is-invalid @enderror"
                                                id="effective_to_year" name="effective_to_year">
                                                <option value="">Sekarang</option>
                                                @foreach ($yearOptions as $year)
                                                    <option value="{{ $year }}"
                                                        {{ old('effective_to_year', $assignmentToYear) == $year ? 'selected' : '' }}>
                                                        {{ $year }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('effective_to_year')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <hr class="horizontal dark">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save"></i> Simpan Perubahan
                                        </button>
                                        <a href="{{ url($url_menu) }}" class="btn btn-secondary">
                                            <i class="fas fa-times"></i> Batal
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            // Initialize select2 for better dropdown experience
            if ($.fn.select2) {
                $('select').select2({
                    theme: 'bootstrap4',
                    width: '100%'
                });
            }
        });
    </script>
@endpush