@php
    $isCreate = old('action_type') === "create_office";
@endphp
<!-- Create User Modal Form -->
<div class="modal fade" tabindex="-1" id="officeCreationModal">
    <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">Register Office</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="{{ route('office.save') }}" class="form-validate" method="POST" id="officeCreationForm">
                    @csrf
                    <input type="hidden" name="action_type" value="create_office">

                    @if($allowMinistrySelection)
                    <div class="form-group">
                        <label for="ministry">Ministry</label>
                        <select class="form-select spec-ministry-dept-select spec-min-sel show-placeholder" id="ministry" name="ministry_id" data-placeholder="Select Ministry" data-department-selector="department">
                            <option></option>
                            @foreach($ministries as $ministry)
                                <option value="{{ $ministry->id }}" @if(old('ministry_id') == $ministry->id) selected @endif>{{ $ministry->display_name }}</option>
                            @endforeach
                        </select>

                        @if($isCreate)
                            @error('ministry_id')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    @endif

                    @if($allowMinistrySelection)
                    <div class="form-group">
                        <label for="ministry">Agency</label>
                        <select class="form-select spec-agency-sel show-placeholder" id="agency" disabled name="agency_id" data-placeholder="Select Agency" data-department-selector="department">
                            <option></option>
                            @foreach($agencies as $ministry)
                                <option value="{{ $ministry->id }}" @if(old('agency_id') == $ministry->id) selected @endif>{{ $ministry->display_name }}</option>
                            @endforeach
                        </select>

                        @if($isCreate)
                            @error('ageny_id')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    @endif

                    @if($allowDepartmentSelection)
                    <div class="form-group">
                        <label for="department">Department</label>
                        <select class="form-select spec-dept-sel" id="department" disabled name="department_id" @if(!$allowMinistrySelection) disabled @endif
                            data-placeholder="Select Department" data-name-field="display_name" data-description-field="description">
                            <option></option>
                            @foreach($departments as $department)
                                <option value="{{ $department->id }}" data-ministry="{{ $department->ministry_id }}" @if(old('department_id') == $department->id) selected @endif>{{ $department->display_name }}</option>
                            @endforeach
                        </select>

                        @if($isCreate)
                            @error('department_id')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    @endif
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input class="form-control" id="display_name" name="display_name" required value="" @if(!$allowDepartmentSelection) disabled @endif>

                        @if($isCreate)
                            @error('display_name')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="description">Description</label>
                        <textarea class="form-control" id="description" name="description" required @if(!$allowDepartmentSelection) disabled @endif></textarea>
                        @if($isCreate)
                            @error('description')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-lg btn-success btn-block">Submit</button>
                    </div>
                </form><!-- form -->
            </div>
        </div>
    </div>
</div>