@props([
    'name' => 'purpose',
    'id' => 'purpose',
    'value' => null,
    'class' => 'mt-1 w-full rounded-lg border-slate-300 text-sm',
    'placeholder' => 'Select purpose of visit',
    'required' => false,
])

@php
    $purposes = config('frontdesk.visit_purposes', []);
    $selected = old($name, $value);
@endphp

<select name="{{ $name }}" id="{{ $id }}" @if($required) required @endif {{ $attributes->merge(['class' => $class]) }}>
    <option value="">{{ $placeholder }}</option>
    @foreach ($purposes as $key => $label)
        <option value="{{ $label }}" @selected($selected === $label || $selected === $key)>{{ $label }}</option>
    @endforeach
</select>