<div class="row">
    <x-title>
        Edit Institution: {{ $display_name }}
    </x-title>

    <div class="col-12 col-md-4"></div>
    <div class="col-12 col-md-4">
        <div class="card">
            <div class="card-body">
                <form method="POST" wire:submit.prevent="saveInstitution">
                    <x-ui.input name="display_name" label="Display Name"/>

                    <div class="row">
                        <div class="col-md-6">
                            <x-ui.select :options="$institution_types" label="Institution Type" name="institution_type_id"/>
                        </div>
                        <div class="col-md-6">
                            <x-ui.select :options="$dsar_types" label="DSAR Type" name="dsar_type_id"/>
                        </div>
                    </div>

                    <x-ui.select :options="[null => 'None', 'email' => 'Email', 'post' => 'Post', 'both' => 'Both']" label="DSAR Send Type" name="send_type"/>

                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input"
                                   type="checkbox"
                                   id="is_prioritised"
                                   wire:model="is_prioritised">
                            <label class="form-check-label fw-semibold" for="is_prioritised">
                                Global
                            </label>
                        </div>
                        <small class="text-muted">Global institutions appear at the top of the DSAR creation list.</small>
                    </div>

                    <button class="btn btn-success">
                        Save
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
