@php
    $isCreate = old('action_type') === "create_user";
@endphp
<!-- Create User Modal Form -->
<div class="modal fade" tabindex="-1" id="createUser">
    <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 New User</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('user.create') }}" class="form-validate" method="POST" id="register">
                    @csrf
                    <input type="hidden" name="action_type" value="create_user">
                    <div class="form-group">
                        <label class="form-label" for="firstname">First Name</label>
                        <input type="text" class="form-control form-control-lg" id="firstname" name="firstname"
                               value="{{ old('lastname') }}" placeholder="Enter User Firstname" required>
                        @if($isCreate)
                            @error('firstname')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="lastname">Last Name</label>
                        <input type="text" class="form-control form-control-lg" id="lastname" name="lastname"
                               value="{{ old('lastname') }}" placeholder="Enter User Lastname" required>
                        @if($isCreate)
                            @error('lastname')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="gender">Gender</label>
                        <select class="form-select" id="gender" name="gender" required>
                            <option value="male" {{ old('gender') == 'male' ? 'selected':'' }}>Male</option>
                            <option value="female" {{ old('gender') == 'female' ? 'selected':'' }}>Female</option>
                        </select>
                        @if($isCreate)
                            @error('gender')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="email">Email</label>
                        <input type="email" class="form-control form-control-lg" id="email" name="email"
                               value="{{ old('email') }}" placeholder="Enter User Email Address" required>
                        @if($isCreate)
                            @error('email')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="phone">Phone Number</label>
                        <input type="text" class="form-control form-control-lg" id="phone" name="phone"
                               value="{{ old('phone') }}" placeholder="Phone Number"
                               required data-rule-validphone
                               onkeypress="return BaseHelper.allowOnlyPhoneCharacters(event);">
                        @if($isCreate)
                            @error('phone')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        @endif
                    </div>
                    @if(isset($ministriesAccessible) && !empty($ministriesAccessible))
                        <div class="form-group">
                            <label for="edit_ministry_id" class="form-label required-field">Ministry</label>
                            <div class="form-control-wrap">
                                <select name="ministry" class="form-select show-placeholder ministry-dept-select" id="ministry_id"
                                        data-placeholder="Select a ministry"
                                        data-department-selector="department">
                                    <option></option>
                                    @foreach($ministriesAccessible as $ministry))
                                    <option value="{{$ministry->id}}">
                                        {{$ministry->display_name}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            @if($isCreate)
                                @error('ministry')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif

                        </div>
                    @else
                        <input hidden value="{{ $ministry ? $ministry->id : ''}}" name="ministry">
                    @endif
                    @if(isset($departmentsAccessible) && !empty($departmentsAccessible))
                        <div class="form-group">
                            <label class="form-label" for="department">Department</label>
                            <div class="form-control-wrap">
                                <select class="form-select show-placeholder department-office-selector" name="department" id="department" data-office-selector="office"
                                        data-placeholder="Select a department">
                                    <option></option>
                                    @foreach($departmentsAccessible as $dept)
                                        <option value="{{$dept->id}}">{{$dept->display_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            @if($isCreate)
                                @error('department')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    @else
                        <input hidden value="{{ $dept ? $dept->id : ''}}" name="department">
                    @endif

                    @if(isset($offices) && !empty($offices))
                        <div class="form-group">
                            <label class="form-label" for="office">Office</label>
                            <div class="form-control-wrap">
                                <select class="form-select show-placeholder office-selector" disabled name="office" id="office" data-placeholder="Select office">
                                    <option></option>
                                    @foreach($offices as $office)
                                        <option value="{{$office->id}}">{{$office->display_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            @if($isCreate)
                                @error('office')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    @else
                        <input hidden value="{{ $office ? $office->id : ''}}" name="office">
                    @endif
                    <div class="form-group">
                        <label class="form-label" for="roles">Role</label>
                        <div class="form-control-wrap">
                            <select class="form-select select-multiple" id="roles" name="role[]" multiple="multiple"
                                    data-placeholder="Select Role(s)">
                                @foreach($roles as $role)
                                    <option value="{{$role->id}}">{{$role->display_name}}</option>
                                @endforeach
                            </select>
                            @if($isCreate)
                                @error('role')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                    </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>