@extends('Layouts_admin.index')
@section('content')
    <!-- widget -->
    <div class="container pt-6 px-7">
        <div class="row">
            <div class="col-lg-12">
                <div class="col-lg-12">
                @if (session('error'))
                    <div class="alert alert-sm alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                    <div class="card rounded pt-0 pb-0">
                        <div class="card-body px-4 pt-2 pb-4">
                            <div class="tab-content mt-0" id="nav-tabContent">
                                <div class="tab-pane fade show active p-0 pt-0" id="nav-home" role="tabpanel" 
                                aria-labelledby="nav-home-tab">
                                    <form action="{{ url('/UpdateCategory') }}" method="POST">
                                 
                                    <input type="hidden" value="{{ $category->id_sub_job }}" name="id_sub_job">
                                        <h4>Edit job settings</h4>
                                        @csrf
                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Job :</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <select class="filters form-select" name="job">
                                                    <option value="">-- Pilih Job --</option>
                                                    @if (!empty($job))
                                                        @foreach ($job as $j)
                                                            @if ($j->id_job == $category->id_job)
                                                                <option selected value="{{ $j->id_job }}">{{ $j->kd_job }} - {{ $j->job }}</option>
                                                            @else
                                                                <option value="{{ $j->id_job }}">{{ $j->kd_job }} - {{ $j->job }}</option>
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <div class="col-lg-2">
                                                <!-- Tombol Tambah -->
                                                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addJobModal">
                                                    +
                                                </button>
                                            </div>
                                        </div>

                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Kode Sub Job :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                <input type="text" value="{{ $category->kd_sub_job }}" class="form-control" name="kd_sub_job">
                                            </div>
                                        </div>
                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Sub Job :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                <input type="text" value="{{ $category->sub_job }}" class="form-control" name="sub_job">
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-9">
                                                <label for=""></label>
                                            </div>
                                            <div class="col-lg-3">
                                                
                                                <a href="{{ url('/ManageCategory') }}" class="btn btn-danger btn-sm">Batal</a>
                                                <button type="submit" class="btn btn-primary btn-sm">Simpan</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Tambah Job -->
<div class="modal fade" id="addJobModal" tabindex="-1" aria-labelledby="addJobModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addJobModalLabel">Tambah Job</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ url('/InsertJob') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="kd_job" class="form-label">Kode Job</label>
                        <input type="text" class="form-control" id="kd_job" name="kd_job" required>
                    </div>
                    <div class="mb-3">
                        <label for="job" class="form-label">Nama Job</label>
                        <input type="text" class="form-control" id="job" name="job" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                    <button type="submit" class="btn btn-primary">Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>

    <!-- widgetend -->
@endsection
<script src="{{ asset('assets/js/jquery-3.6.0.min.js')}}"></script>
<script>
    $('.select2').select2();
</script>