@unless (count($coverLetters)==0)
<x-label for="cover_letter_id">Select Cover Letter</x-label>
<select name="cover_letter_id" id="cover_letter_id" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 @error('cv_id') border-red-500 @enderror" wire:model.defer="coverLetterAndResume.cover_letter_id">
    <option value="" selected>Select Cover Letter</option>
    @foreach ($coverLetters as $coverLetter)
    <option value="{{ $coverLetter->id }}">{{ $coverLetter->title }}</option>
    @endforeach
</select>
@error('cover_letter_id') <span class="text-red-500 text-xs">{{ $message }}</span> @enderror
@else
<div class="text-red-500 space-y-2">
    <div>Add cover letter and send along to improve your chances of placement.</div>
    <div class="flex justify-center">
        <x-button green sm wire:click="$dispatch('openModal', {component: 'candidate.make-cover-letter-modal'})">Add Cover Letter</x-button>
    </div>

</div>
@endunless