@php
    $isEdit = collect(old('type'))->contains('edit');
@endphp
<!-- Create User Modal Form -->
<div class="modal fade" tabindex="-1" id="createDepartment">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header text-center bg-custom-green text-white">
                <h5 class="modal-title">Create Department</h5>
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            </div>
            <div class="modal-body">
                <form action="{{ $departmentCreationRoute ?? route('department.add', ['ministry' => $ministry ? $ministry->id : null]) }}" class="form-validate" method="POST" id="addDepartments">
                    @csrf
                    <input type="hidden" name="type" value="create">
                    @if(isset($ministry))
                    <p>Ministry:: {{ $ministry->display_name }}</p>
                    @elseif($allowMinistrySelection)
                        <div class="form-group">
                            <label for="createMinistry">Ministry</label>
                            <select class="form-control ministry-agency-select" data-agency-selector="agency" id="createMinistry" name="ministry" required>
                                <option value="">Select a ministry</option>
                                @foreach($ministries as $ministry)
                                    <option value="{{ $ministry->id }}" @if(old('ministry') == $ministry->id) selected @endif>{{ $ministry->display_name }}</option>
                                @endforeach
                            </select>
                            @if(!$isEdit)
                                @error('ministry')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    @endif

                    @if($allowAgencySelection)
                        <div class="form-group">
                            <label for="agency">Agency <span class="text-danger">(optional)</span></label>
                            <select class="form-select" id="agency" name="agency" @if($allowMinistrySelection) disabled @endif
                                data-placeholder="Select Agency" data-name-field="display_name" data-description-field="description">
                                <option></option>
                                @foreach($agencies as $agency)
                                    <option value="{{ $agency->id }}" data-ministry="{{ $agency->ministry_id }}" @if(old('agency') == $agency->id) selected @endif>{{ $agency->display_name }}</option>
                                @endforeach
                            </select>

                            @if(!$isEdit)
                                @error('agency')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    @endif
                    <div class="form-group">
                        <label class="form-label" for="display_name">Department Name</label>
                        <input type="text" class="form-control form-control-lg" id="display_name" name="display_name" value="{{ old('display_name') }}" placeholder="Enter Department Name" required >
                        @if(!$isEdit)
                            @error('display_name')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="description">Description</label>
                        <div class="form-control-wrap">
                            <textarea class="form-control" id="description" name="description" required>{{ old('display_name') }}</textarea>
                            @if(!$isEdit )
                                @error('description')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    </div>

                    <div class="ui-widget position-relative">
                        <label class="form-label" for="users-autocomplete">Department Director</label>
                        <input type="text" placeholder="Enter user's name or email to search" class="form-control" id="users-autocomplete" data-source-url="{{ route('department.search_department_head') }}">
                        <input type="hidden" class="form-control" name="head_of_department" placeholder="Enter user's name or email to search" id="department-head" value="{{ old('head_of_department') }}">
                        @if(!$isEdit )
                            @error('head_of_department')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <hr>

                    <div class="form-group">
                        <button type="submit" class="btn btn-lg btn-block bg-custom-green text-white">Submit</button>
                    </div>
                </form><!-- form -->
            </div>
        </div>
    </div>
</div>