@props([
    'ticketInputId',
    'statusSelectId',
])

<div class="row align-items-end support-tickets-filters mb-3">
    <div class="col-md-4 col-lg-3 mb-2 mb-md-0">
        <label class="small font-weight-bold text-muted text-uppercase mb-1" for="{{ $ticketInputId }}">Ticket number</label>
        <input type="search" id="{{ $ticketInputId }}" class="form-control form-control-sm" placeholder="e.g. SUP-00001">
    </div>
    <div class="col-md-3 col-lg-2 mb-2 mb-md-0">
        <label class="small font-weight-bold text-muted text-uppercase mb-1" for="{{ $statusSelectId }}">Status</label>
        <select id="{{ $statusSelectId }}" class="form-control form-control-sm">
            <option value="">All</option>
            <option value="open">Open</option>
            <option value="closed">Closed</option>
        </select>
    </div>
</div>