@props([
'selectRecord' => false,
'selectAll' => false,
'checked' => [],
'recList' => null,
])

@if (session()->has('message'))
@php
    $icons = [ 'alert-success' => 'fa-check-circle', 'alert-danger'  => 'fa-times-circle', 'alert-warning' => 'fa-exclamation-triangle', 'alert-info' => 'fa-info-circle'];
    $alertClass = session('alert-class', 'alert-info');
    $icon = $icons[$alertClass] ?? 'fa-info-circle';
@endphp
<div class="alert {{ $alertClass }} alert-dismissible fade show d-flex align-items-center" role="alert">
    <i class="fa {{ $icon }} me-2"></i>
    <span>{!! session('message') !!}</span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif  
@if (session()->has('errorMessage'))  
<div class="alert alert-danger alert-dismissible">
    <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-label="Close"></button>
    <i class="icon fa fa-ban"></i> {!! session('errorMessage') !!} 
</div>
@endif 
@if (session()->has('error'))  
<div class="alert alert-danger alert-dismissible">
    <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-label="Close"></button>
    <i class="icon fa fa-ban"></i> {!! session('error') !!} 
</div>
@endif 



@if ($selectRecord)
@if ($selectAll)
<div class="alert alert-warning alert-dismissible mb-2">
    <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
    <i class="fa fa-check me-1"></i> You have selected all
    <strong>{{ $recList->total() }}</strong> records.
</div>
@else
<div class="alert alert-info alert-dismissible mb-2">
    <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
    <i class="fa fa-info-circle me-1"></i> You have selected
    <strong>{{ count($checked) }}</strong> records, Do you want to
    <a href="#" wire:click="selectAllRec" class="alert-link">
        <strong>Select All {{ $recList->total() }}</strong>
    </a> records?
</div>
@endif
@endif