@can('bulkActions')
<div class="col-9">
    <div class="row justify-content-end">
        <div class="col-3 d-flex align-items-center justify-content-end">
            <div class="form-check form-check-primary">
                <input class="form-check-input" type="checkbox" id="checkAllLeads">
                <label class="form-check-label" for="checkAllLeads">Select All</label>
            </div>
            <span class="badge bg-primary ms-2" id="countCheckedLeads">0</span>
        </div>
        @can('bulkTransfer')
        <form action="{{route('conversion.leads.bulk.transfer')}}" class="col-1 d-flex align-items-center justify-content-end" method="POST" autocomplete="off">
            @csrf
            <input type="text" value="" name="leadsBulkTransfer" class="form-control leadsToBulkAction" hidden="hidden">
            <button type="submit" class="btn btn-sm btn-warning">Transfer <i class="ms-2 ti ti-arrow-move-right"></i></button>
        </form>
        @endcan
        @can('bulkDelete')
        <form action="{{route('conversion.leads.bulk.delete')}}" class="col-1 d-flex align-items-center justify-content-end" method="POST" autocomplete="off">
            @csrf
            <input type="text" value="" name="leadsBulkDelete" class="form-control leadsToBulkAction" hidden="hidden">
            <button type="submit" class="btn btn-sm btn-danger">Delete <i class="ms-2 ti ti-trash"></i></button>
        </form>
        @endcan
        @can('exportLeads')
        <form action="{{route('conversion.leads.bulk.export')}}" class="col-1 d-flex align-items-center justify-content-end" method="POST" autocomplete="off">
            @csrf
            <input type="text" value="" name="leadsToExport" class="form-control leadsToBulkAction" hidden="hidden">
            <button type="submit" class="btn btn-sm btn-success">Export <i class="ms-2 ti ti-database-export"></i></button>
        </form>
        @endcan
    </div>
</div>
@endcan