@csrf

<div class="mb-4">
    <label for="organization" class="label-control required">Organization</label>
    <select type="text" id="organization" class="form-control">
        <option value="">Select an Organization</option>
        @foreach($organizations as $organization)
            <option value="{{ $organization->id }}" @if (isset($department) && $department->project->division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
        @endforeach
    </select>
</div>

<div class="mb-4">
    <label for="division_id" class="label-control required">Division</label>
    <select type="text" id="division_id" class="form-control">
        <option value="">Select a Division</option>
        @if (isset($department))
            @foreach($department->project->division->organization->divisions()->get() as $division)
                <option value="{{ $division->id }}" @if ($department->project->division_id == $division->id) selected @endif>{{ $division->name }}</option>
            @endforeach
        @endif
    </select>
    @error('division_id')
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="project_id" class="label-control required">Project</label>
    <select type="text" id="project_id" name="project_id" class="form-control">
        <option value="">Select a Project</option>
        @if (isset($department))
            @foreach($department->project->division->projects()->get() as $project)
                <option value="{{ $project->id }}" @if ($department->project_id == $project->id) selected @endif>{{ $project->name }}</option>
            @endforeach
        @endif
    </select>
    @error('project_id')
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="name" class="label-control required">Name</label>
    <input type="text" id="name" name="name" placeholder="Name" value="{{ $department->name ?? null }}"
           class="form-control">
    @error('name')
    <p class="form-error">{{ $message }}</p>
    @enderror
</div>

<div class="flex justify-end">
    <button type="submit" class="btn btn-primary">Save</button>
</div>